CSS繼承特性

2021-07-31 02:55:03 字數 1192 閱讀 5376

最近在學習css的一些基礎知識,感覺關於繼承特性老是記不清楚,所以決定自己寫一篇部落格加深印象.

首先我們再說那些屬性是可以繼承的時候我們應該明白繼承的含義是什麼。想要了解繼承我們首先要清楚文件樹

在文件樹中從乙個節點發展而來的所有節點都是該節點的子節點,該節點就是這些子節點的祖先,如果祖先中含有可繼承的樣式那麼後代節點就會擁有該元素的這些可繼承屬性的值,而不是瀏覽器的預設值.

下面我們來說一下有哪些屬性是可以繼承的,css樣式表可繼承的屬性如下:

azimuth,border-collapse, border-spacing,caption-side,color, cursor, direction, elevation,empty-cells, font-family, font-size, font-style,font-variant, font-weight, font, letter-spacing,line-height, list-style-image, list-style-position,list-style-type, list-style, orphans, pitch-range,pitch, quotes, richness, speak-header, speaknumeral,speak-punctuation, speak, speechrate,stress, text-align, text-indent, texttransform,visibility, voice-family,volume,whitespace,widows, word-spacing

關於這些屬性我們可以做乙個劃分。

首先是文字想過的屬性

font-family, font-size, font-style,font-variant, font-weight, font, letter-spacing,line-height, text-align, text-indent, texttransform,word-spacing

list-style-image, list-style-position,list-style-type, list-style

css特性 繼承和層疊

1.乙個元素如果沒有設定某屬性的值,就會跟隨父元素的值 2.當然,乙個元素如果有設定某屬性的值,就會使用自己設定的值 3.比如color font size等屬性是可以繼承的 4.可以用inherit強制繼承 5.css繼承的是計算值 css允許多個css屬性層疊 1.使用相同的選擇器,後面的會把前...

CSS特性之繼承性

1 文字屬性 屬性說明 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 2 盒子模型的屬性 屬性說明 width 寬度height ...

css三大特性 層疊 繼承 優先

1 層疊性 設定相同屬性時,後面的覆蓋前面的 2 繼承性 後代自動繼承祖先元素的樣式。3 優先順序 id 類 標籤 通配 繼承 瀏覽器預設 判斷規則 1 間接選中 繼承 就近原則 2 直接選擇,並且是同型別選擇器,後面的覆蓋前面的 3 直接選中,但是又多種型別的選擇器,利用權重計算方法 權重計算規則...