CSS:將網頁的樣式和內容進行分離。分離之後通過class、ID、Html選擇器標籤連接起來。
將網頁中樣式抽出來,改的時候改CSS就可以了。
CSS特點:實現網頁內容與樣式的分離
1,span標籤
這只是一個容器,裝html和文字。默認網頁白底黑字
2,當在網頁上想讓標題跟正文顏色不一樣時,可用以下修改樣式的方法獲得值,避免一個一個改顏色
如下樣式:
其中.title等,對應於前面的class。稱爲類選擇器
之前的,沒加.Title時,如下:
樣式:
3,CSS選擇器優先級:即當在body裏面時,就爲body設置的顏色;當在class類裏面就是類選擇器;但是當在ID裏面時,就爲ID選擇器優先,設置的顏色也將會覆蓋 其他的。
4,CSS選擇器,span父子關係
如下:
樣式:
空格就代表父子關係
頁面:
5,CSS選擇器:class類選擇器可以多個,空格隔開就可,其優先級跟頁面上的順序無關跟樣式上的順序有關。 但是ID是唯一的,就不能有多個。
如下
6,我的感悟:
網頁上一定要引用樣式,直接拖到