首頁  >  文章  >  web前端  >  深入了解CSS級聯和繼承的使用

深入了解CSS級聯和繼承的使用

高洛峰
高洛峰原創
2017-03-17 10:37:071335瀏覽

 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,marginpadding屬性是不繼承的。

(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