CSS三大特性

2021-08-03 21:17:07 字數 797 閱讀 7875

css三大特性

1.繼承性

作用: 子元素可以繼承父元素的樣式

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

特殊性:

(1)a標籤的字型顏色不能繼承,必須對a標籤自定義字型顏色才能修改

(2)h1~h6標籤的字型大小不能繼承,必須對標籤自身修改字型大小才有效。

我是div1中的內容

我是div2中的內容

效果圖:

2.層疊性

層疊性是瀏覽器處理衝突的乙個能力,

如果乙個屬性通過兩個選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉。

效果圖:

3.優先順序

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

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

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

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

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

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

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

CSS三大特性

繼承就是子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。比如人可以從父母繼承姓 膚色等,但性格不能繼承。而css中也有繼承性但並不是所有的屬性都可以被繼承。css中可繼承的和不可繼承的屬性 不可繼承的屬性有 display margin border padding backg...