CSS簡介(span標籤,CSS優先級,調整正文和標題顏色,樣式)與及我的感悟

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,我的感悟:
網頁上一定要引用樣式,直接拖到

下面就行,不然樣式裏面的東西事項不了。
發佈了66 篇原創文章 · 獲贊 72 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章