CSS樣式特點理解解析

CSS樣式特點實例分析:
該例子採用了三種樣式對h2進行定義,內聯式顏色#00ff00;內部式顏色紅,藍,字體大小30pt;外聯式定義了顏色×××,字體大小50pt,背景顏色灰色;(先忽略!important)
CSS樣式特點理解解析CSS樣式特點理解解析

執行結果爲:字體顏色#00ff00;字體大小30pt;背景顏色爲灰色。
體現了樣式的如下特點:
繼承性:大多數CSS樣式規則是可以被繼承
層疊性:定義多個樣式不衝突時(顏色,字體大小,背景三個屬性沒有衝突),多個樣式表中的樣式可層疊爲一個
優先級:樣式屬性衝突時(內聯,內部,外部都定義了顏色,內部和外部都定義了字體大小此時按照就近原則?),按照不同樣式的規則優先級應用在樣式上
內聯式(樣式定義在元素裏邊)>內部式(header裏面)>外部式(link.css文件 用得最多,方便修改維護,具有可重用性 ,可以同時用在一個HTML文件上)
相同樣式,如果發生重複,以最後一個定義的爲準。(也就是就近原則?比如內部式和外部式的代碼位置調換以後字體大小顯示也出現了相反的結果?)

CSS樣式特點理解解析

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章