CSS的三大(dà)特性-層疊性/繼承/優先級

時間:2020-09-02 作者:管理員(yuán) 點擊:773

1. 層疊性
概念:相同選擇器給設置相同的樣式,此時一(yī)個樣式就會覆蓋(層疊)另一(yī)個沖突的樣式。層疊性主要解決樣式沖突的問題

層疊性原則:
       樣式沖突:遵循的原則是就近原則,哪個樣式離(lí)結構近,就執行哪個樣式
       樣式不沖突,不會重疊

2. 繼承性
概念:子标簽會繼承父标簽的某些樣式,如文本顔色和字号,簡單理解就是子承父業

特點:
       子元素可以繼承父元素的樣式(text-、font-、line-這些元素開(kāi)頭可以繼承,以及color屬性)
       恰當地使用繼承可以簡化代碼,降低CSS樣式的複雜(zá)性

行高的繼承性:
body{font:12px/1.5 'Microsoft YaHei'}

特點:

       行高可以跟單位也可以不跟單位
       如果子元素沒有設置行高,則會繼承父元素的行高爲1.5
       如果子元素已經設置行高,則當前子元素的行高爲當前元素的文字大(dà)小(xiǎo) * 1.5
       body行高1.5 這樣寫法最大(dà)的優勢就是裏面子元素可以根據自己文字大(dà)小(xiǎo)自動調整行高

3. 優先級
概念:當一(yī)個元素指定多個選擇器,就會有優先級的産生(shēng)

特點:
       選擇器相同,則執行層疊性
       選擇器不同,則根據選擇器權重執行

選擇器權重:

特點:

       繼承的權重爲0,如果該元素沒有直接選中(zhōng),不管父元素權重多高,子元素得到的權重都是0
       權重疊加:如果是複合選擇器,則會有權重疊加,需要計算權重。權重雖然會疊加,但永遠不會有進位
返回列表
在線溝通

Are you interested in ?

感興趣嗎(ma)?

有關我(wǒ)(wǒ)們服務的更多信息,請聯系

136 7365 2363(同微信) 13140187702

鄭州網站建設鄭州網站設計鄭州網站制作鄭州建站公司鄭州網站優化--聯系索騰

與我(wǒ)(wǒ)們合作

鄭州網站建設鄭州網站設計鄭州網站制作鄭州建站公司鄭州網站優化--與索騰合作,您将會得到更成熟、專業的網絡建設服務。我(wǒ)(wǒ)們以客戶至上,同時也相互挑戰,力求呈現最好的品牌建設成果。

業務咨詢熱線:

136 7365 2363

TOP

QQ客服

在線留言