CSS的三大特性是什么

這篇文章主要介紹“CSS的三大特性是什么”，在日常操作中，相信很多人在CSS的三大特性是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS的三大特性是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

層疊 繼承 優先級 是我們學習CSS 必須掌握的三個特性。

所謂層疊性是指多種CSS樣式的疊加。

是瀏覽器處理沖突的一個能力,如果一個屬性通過兩個相同選擇器設置到同一個元素上，那么這個時候一個屬性就會將另一個屬性層疊掉。

比如先給某個標簽指定了內部文字顏色為紅色，接著又指定了顏色為藍色，此時出現一個標簽指定了相同樣式不同值的情況，這就是樣式沖突。

一般情況下，如果出現樣式沖突，則會按照CSS書寫的順序，以最后的樣式為準。

所謂繼承性是指書寫CSS樣式表時，子標簽會繼承父標簽的某些樣式，如文本顏色和字號。想要設置一個可繼承的屬性，只需將它應用于父元素即可。

簡單的理解就是： 子承父業。

注意：

恰當地使用繼承可以簡化代碼，降低CSS樣式的復雜性。子元素可以繼承父元素的樣式（text-，font-，line-這些元素開頭的都可以繼承，以及color屬性）

定義CSS樣式時，經常出現兩個或更多規則應用在同一元素上，這時就會出現優先級的問題。

在考慮權重時，初學者還需要注意一些特殊的情況，具體如下：

關于CSS權重，我們需要一套計算公式來去計算，這個就是 CSS Specificity，我們稱為CSS 特性或稱非凡性，它是一個衡量CSS值優先級的一個標準 具體規范入如下：

specificity用一個四位的數 字串(CSS2是三位)來表示，更像四個級別，值從左到右，左面的最大，一級大于一級，數位之間沒有進制，級別之間不可超越。

繼承或者* 的貢獻值 0,0,0,0

每個元素（標簽）貢獻值為 0,0,0,1

每個類，偽類貢獻值為 0,0,1,0

每個ID貢獻值為 0,1,0,0

每個行內樣式貢獻值 1,0,0,0

每個!important貢獻值∞ 無窮大

權重是可以疊加的

比如：

注意：

1.數位之間沒有進制 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不會存在10個div能趕上一個類選擇器的情況。

2.繼承的 權重是 0

總結優先級：

使用了 !important聲明的規則。

內嵌在 HTML 元素的 style屬性里面的聲明。

使用了 ID 選擇器的規則。

使用了類選擇器、屬性選擇器、偽元素和偽類選擇器的規則。

使用了元素選擇器的規則。

只包含一個通用選擇器的規則。

同一類選擇器則遵循就近原則。

綜上：權重是優先級的算法，層疊是優先級的表現

到此，關于“CSS的三大特性是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！