深入了解CSS級聯和繼承的使用
- 高洛峰原創
- 2017-03-17 10:37:071339瀏覽
1.在HTML中使用CSS樣式表的三種方式：
（1）內聯的樣式表。
eg：LIN
（2）嵌入式樣式表。
即在<head>標籤內嵌入
#這些屬性與css規則相衝突時，總是被css規則覆蓋。
4.在規則中使用！ important
用！ important 指定的規則比其他規則都重要。
eg： em { color ：bule ！ important；}
注意：用戶首創的！ important規則優先於作者的規則。
使用者定義的樣式表應該宣告是！ important。
5. @import規則，匯入檔案。
eg：h1 {color：red;}
## @import url（「style.css」）; /*style.css*/ h1{color：green；}以上程式碼，最終h1為紅色。因為預設使用匯入的樣式表出現在原始樣式表規則之前。 6.（1）注意display，border，margin，padding屬性是不繼承的。
（2）background-color不是繼承，在沒有設定時，它的預設值是特別值transparent。
（3）繼承相對值時，在傳遞給子代之前，先計算該值。
（4）指定繼承：inherit特殊值
eg：p .standout{ border :1px solid blue ;}
p .standout{ border:inhert;}#:inhert;}
注意：css 1發行時，作者的！ important樣式優先於使用者的！ important樣式。
css2中，使用者的！ important樣式優先於作者的！ important樣式。
以上是深入了解CSS級聯和繼承的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn