CSS三大特性篇

2021-10-07 09:28:08 字數 1536 閱讀 2729

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

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

是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉

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

一般情況下,如果出現樣式衝突,則會按照css書寫的順序,以最後的樣式為準。

樣式衝突,遵循的原則是就近原則。 那個樣式離著結構近,就執行那個樣式。

樣式不衝突,不會層疊

css最後的執行口訣: 長江後浪推前浪,前浪死在沙灘上。

所謂繼承性是指書寫css樣式表時,子標籤會繼承父標籤的某些樣式,如文字顏色和字型大小。

想要設定乙個可繼承的屬性,只需恰當地使用繼承可以簡化**,降低css樣式的複雜性。

子元素可以繼承父元素的樣式(text-font-line-這些元素開頭的都可以繼承,以及color屬性

序號可繼承屬性描述1

text-

文字相關的屬性

2font-

字型相關屬性

3line-

line-相關的屬性

4color

文字顏色

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

作者樣式表:開發者書寫的樣式

作者樣式表中的!important正無窮)樣式(在樣式後面加!important,此樣式重要性最高,不推薦使用)

作者樣式表中的普通樣式

瀏覽器預設樣式

看選擇器

總體規則:選擇器選中的範圍越窄越特殊

具體規則:通過選擇器,計算出乙個4位數(***x),數字大的勝出

千位百位十位

個位零位

行間樣式(內聯樣式)

id選擇器

類選擇器、屬性選擇器、偽類選擇器

元素選擇器、偽元素選擇器

萬用字元(*)

記1,否則記0

選擇器數量

選擇器的數量

選擇器的數量

等級最低

**書寫靠後勝出

乙個元素乙個元素一次渲染,順序按照樹形繼承結構進行

渲染每個元素的前提條件:該元素的所有css屬性必須有值

乙個元素,從所有元素都沒有值到所有屬性都有值,這個計算過程,叫做屬性值計算過程

inherit(強制繼承),**書寫者在把inherit當做元素某條樣式的值申明出來,此樣式直接獲取父元素的屬性值

擴充套件:initial(初始值),將該屬性設為預設值;把initial當做元素某條樣式的值

CSS三大特性

css三大特性 1.繼承性 作用 子元素可以繼承父元素的樣式 text font line 這些元素開頭的都可以繼承,以及color屬性 特殊性 1 a標籤的字型顏色不能繼承,必須對a標籤自定義字型顏色才能修改 2 h1 h6標籤的字型大小不能繼承,必須對標籤自身修改字型大小才有效。我是div1中的...

CSS三大特性

樣式具有繼承性,一般有關text line font 都能夠繼承。a標籤的顏色不能繼承 繼承title type text css div1 字型和顏色被繼承偽類但是邊框沒有 style head id div1 這是div1中的內容 id div22 這是div2中的內容 div div body...

CSS三大特性

1.繼承 子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。例 介是div1的內容 介是div1的後代div2中的內容 結果為 div2同樣繼承了div1的樣式。div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。但是並不是所有的...