css特性 層疊性,繼承性,優先順序

2022-04-29 06:09:11 字數 996 閱讀 7536

1.層疊性:多種css樣式的疊加

原則:1.樣式衝突時遵循 就近原則,哪個樣式離結構近,折行哪個

2.樣式不衝突時,不會層疊

口訣:長江後浪推前浪,前浪死在沙灘上

2.繼承性:子標籤會繼承父類的某些標籤,如文字顏色和字型大小

注意:1.前檔的使用繼承可以簡化**,建簡化css樣式的複雜度

2.子元素可以繼承父元素的樣式有

1.text-  系列

text-indent:文字縮排

text-align:文字水平對齊

line-height:行高

word-spacing:單詞之間的間距

letter-spacing:中文或者字母之間的間距

text-transform:控制文字大小寫(就是uppercase、lowercase、capitalize這三個)

color:文字顏色

2.font-  系列

font-family:字型系列

font-weight:字型的粗細

font-size:字型的大小

font-style:字型的風格

3、元素可見性:

visibility:控制元素顯示隱藏

4、列表布局屬性:

list-style:列表風格,包括list-style-type、list-style-image等

5、游標屬性:

cursor:游標顯示為何種形態

口訣:龍生龍,鳳生鳳,老鼠兒子會打洞

3.優先順序(重點)

權重計算公式

1.繼承樣式或者*萬用字元,權重公式 0 0 0 0

2.標籤選擇器  權重公式 0 0 0 1

3.類,偽類選擇器  權重公式 0 0 1 0

4.id選擇器   權重公式  0 1 0 0

5.行內樣式style = 「」; 權重公式 1 0 0 0

6.每個!important 重要的 : 權重公式 無窮大

CSS 三大特性(層疊性 繼承性 優先順序)

層疊 繼承 優先順序 是我們學習css 必須掌握的三個特性。所謂層疊性是指多種css樣式的疊加。是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉 比如先給某個標籤指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現乙個標籤...

css三大特性(繼承性 層疊性 優先順序)

1.什麼是繼承性?繼承性就是給父元素設定的屬性子元素也能用。2.注意點 1.什麼是層疊性?層疊性就是前邊的屬性會被後年的給覆蓋掉。2.注意點 層疊性只有在多和選擇器選中乙個標籤時才會發生。1.什麼是優先順序?當多個選擇器選中同乙個標籤時,並且給同乙個標籤設定相同的屬性時,如何層疊就由優先順序來決定。...

css三大特性(層疊性,繼承性,優先順序)

1 層疊性 divdiv style head andy div 結果是 andy 30px,粉色 2 繼承性 divstyle head andyp div body 3 優先順序 重點 div.one style head class one andydiv body 1 權重計算公式 關於cs...