css的三大特性

2021-09-25 23:50:24 字數 925 閱讀 9072

優先順序

子元素會繼承父元素的某些css屬性

①. a標籤的顏色不能繼承,必須對a標籤本身進行設定

②. h標籤的字型大小不能修改,必須對h標籤本身進行修改

宣告衝突:同乙個樣式,多次應用到同乙個元素

層疊:解決宣告衝突的過程,瀏覽器自動處理(權重計算)

重要性從高到底:

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

1) 作者樣式表中的!important樣式

2) 作者樣式表中的普通樣式

3) 瀏覽器預設樣式表中的樣式

看選擇器

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

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

千位:如果是內聯樣式,記1,否則記0

百位:等於選擇器中所有id選擇器的數量

十位:等於選擇器中所有類選擇器、屬性選擇器、偽類選擇器的數量

個位:等於選擇器中所有元素選擇器、偽元素選擇器的數量

**書寫靠後的勝出

重置樣式表

書寫一些作者樣式,覆蓋瀏覽器的預設樣式

重置樣式表 -> 瀏覽器的預設樣式

常見的重置樣式表:normalize.css、reset.css、meyer.css

愛恨法則

link > visited > hover > active

!important>行內樣式》id選擇器》類選擇器》標籤選擇器》萬用字元》繼承

權重:作用:多個選擇器組合以後的優先順序

演算法:(0,0,0,0)==》第乙個0是important的個數,第二個0是id選擇器的個數,

第三個0對應的類選擇器的個數,第四個0對應的是標籤選擇器的個數,就是當前選擇器的權重。

權重是優先順序的演算法,層疊是優先順序的表現

選擇器的工作原理:選擇器是從右我往左查詢

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那裡繼承而來。但是並不是所有的...