小说阅读器,大主宰txt全集下载,好看的电视剧

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

css層疊指的是什么

這篇文章將為大家詳細(xì)講解有關(guān)css層疊指的是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營(yíng)銷(xiāo)思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開(kāi)源代碼、注重用戶(hù)體驗(yàn)與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶(hù)的方式做到創(chuàng)意性的視覺(jué)化效果。

CSS層疊是指多種CSS樣式的疊加，CSS樣式在針對(duì)同一元素配置同一屬性時(shí)，依據(jù)層疊規(guī)則（權(quán)重）來(lái)處理沖突，選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性，一般也被描述為權(quán)重高的覆蓋權(quán)重低的，因此也稱(chēng)作層疊。

CSS層疊性（重要）

指多種CSS樣式的疊加。

是瀏覽器處理沖突的一個(gè)能力，如果一個(gè)屬性通過(guò)兩個(gè)相同選擇器設(shè)置到同一個(gè)元素上，那么這個(gè)時(shí)候一個(gè)屬性就會(huì)將另一個(gè)屬性層疊掉。
原則：
1、樣式?jīng)_突，遵循的原則是就近原則，即CSS的書(shū)寫(xiě)位置。
2、樣式不沖突，不會(huì)層疊

CSS繼承性
寫(xiě)CSS樣式表時(shí)，子標(biāo)簽會(huì)繼承父標(biāo)簽的某些樣式，如文本顏色和字號(hào)。想要設(shè)置一個(gè)可繼承的屬性，只需要將它應(yīng)用于父元素即可。
注意：恰當(dāng)?shù)厥褂美^承可以簡(jiǎn)化代碼，降低CSS樣式的復(fù)雜性。子元素可以繼承父元素的樣式（text-,font-，line-這些元素開(kāi)頭的都可以繼承，以及color屬性）

CSS優(yōu)先級(jí)
定義CSS樣式時(shí)，經(jīng)常出現(xiàn)兩個(gè)或更多規(guī)則應(yīng)用在同一元素上，這時(shí)就會(huì)出現(xiàn)優(yōu)先級(jí)的問(wèn)題。
在考慮權(quán)重時(shí)，初學(xué)者還需要注意一些特殊的情況，具體如下：
繼承樣式的權(quán)重為0.即在嵌套結(jié)構(gòu)中，不管父元素樣式的權(quán)重多大，被子元素繼承時(shí)，他的權(quán)重都為0，也就是說(shuō)子元素定義的樣式會(huì)覆蓋繼承來(lái)的樣式。
行內(nèi)樣式優(yōu)先。應(yīng)用style屬性的元素，其行內(nèi)樣式的權(quán)重非常高，可以理解為遠(yuǎn)大于100.總之，他擁有比上面提到的選擇器都大的優(yōu)先級(jí)。
權(quán)重相同時(shí)，CSS遵循就近原則，也就是說(shuō)靠近元素的樣式具有最大的優(yōu)先級(jí)，或者說(shuō)排在最后的樣式優(yōu)先級(jí)最大。
CSS定義了一個(gè)!important命令，該命令被賦予最大的優(yōu)先級(jí)。也主濁說(shuō)不管權(quán)重如何以及樣式位置的遠(yuǎn)近，！important都具有最大優(yōu)先級(jí)。

CSS特殊性（specificity）
關(guān)于CSS權(quán)重，需要一套公式來(lái)計(jì)算，由四位的數(shù)組成，值從左到右，左面的最大，一級(jí)大于一級(jí)，數(shù)位之間沒(méi)有進(jìn)制，級(jí)別之間不可超越。
繼承或者*的值：0，0，0，0
每個(gè)元素（標(biāo)簽）值：0，0，0，1
每個(gè)類(lèi)，偽類(lèi)值為：0，0，1，0
每個(gè)ID為：0，1，0，0
每個(gè)行內(nèi)樣式值：1，0，0，0
每個(gè)!important值：無(wú)窮大

1、數(shù)位之間沒(méi)有進(jìn)制。
2、通過(guò)繼承的影響的，權(quán)重為0，【即樣式?jīng)]有攜帶有文字標(biāo)簽】如：

.colorRed{
    color:#f00; /* 沒(méi)有選中p標(biāo)簽，所以只是通過(guò)繼承影響的，權(quán)重為0 */
}
p {
    color:#0f0; /* 權(quán)重為1 */
}

    顏色

代碼如下:





Document

 
#father #son{ /*權(quán)重為0,2,0,0*/
color:blue;
}
#father p .c2{ /*權(quán)重為0，1，1，1*/
color:black;
}
div .c1 p .c2{ /*權(quán)重為0，0，2，2*/
color:red;
}
#father {
color:green !important; /*繼承的權(quán)重為0*/
}
 




顏色

效果如下:

css層疊指的是什么

關(guān)于“css層疊指的是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)頁(yè)名稱(chēng)：css層疊指的是什么
文章分享：http://fisionsoft.com.cn/article/gpesei.html

新聞中心

其他資訊