Css三大特性

繼承性

特性：子元素有默認(rèn)繼承父元素樣式的特點(diǎn)

成都創(chuàng)新互聯(lián)專(zhuān)注于金寨網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供金寨營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，金寨網(wǎng)站制作、金寨網(wǎng)頁(yè)設(shè)計(jì)、金寨網(wǎng)站官網(wǎng)定制、小程序開(kāi)發(fā)服務(wù)，打造金寨網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供金寨網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

可以繼承的常見(jiàn)屬性有：

1、color

2、font-style、font-weight、font-size、font-family

3、text-indent、text-align

4、line-height

5.....

例如：

    

        父親
        

            兒子
        
    

注意點(diǎn)：可以通過(guò)調(diào)試工具判斷樣式是否可以繼承

常見(jiàn)的應(yīng)用場(chǎng)景：

1、可以直接給ul設(shè)置list-style：none屬性。從而去除列表默認(rèn)的小圓點(diǎn)樣式。

2、直接給body標(biāo)簽設(shè)置統(tǒng)一的font-size，從而統(tǒng)一不同瀏覽器默認(rèn)文字大小。

繼承失效的情況

1、如果元素有瀏覽器設(shè)置的默認(rèn)樣式，此時(shí)繼承性仍然存在，但是優(yōu)先顯示瀏覽器默認(rèn)的樣式。

2、a標(biāo)簽的color會(huì)繼承失效。

其實(shí)是有繼承的，只不過(guò)是優(yōu)先使用了瀏覽器默認(rèn)的樣式。

3、h系列標(biāo)簽的font-size會(huì)繼承無(wú)效。

原因同上

4、div的高度不能繼承，但是寬度有類(lèi)似于繼承的效果。

層疊性

特性：1、給同一個(gè)標(biāo)簽設(shè)置不同的樣式---此時(shí)樣式會(huì)層疊疊加--會(huì)共同作用在標(biāo)簽上。

2、給同一個(gè)標(biāo)簽設(shè)置相同的樣式---此時(shí)樣式會(huì)層疊覆蓋---最終寫(xiě)在最后的樣式會(huì)生效。

注意點(diǎn)：當(dāng)樣式?jīng)_突時(shí)，只有當(dāng)選擇器優(yōu)先級(jí)相同時(shí)，才能通過(guò)層疊性判斷結(jié)果。

優(yōu)先級(jí)

能夠計(jì)算CSS權(quán)重，并解決CSS樣式?jīng)_突問(wèn)題

特性：不同選擇器有不同的優(yōu)先級(jí)，優(yōu)先級(jí)高的選擇器樣式會(huì)覆蓋優(yōu)先級(jí)低的選擇器樣式。

優(yōu)先級(jí)公式：繼承<通配符選擇器<標(biāo)簽選擇器<類(lèi)選擇器

注意點(diǎn)：

1、！important寫(xiě)在屬性值的后面，分號(hào)的前面

2、！important不能提升繼承的優(yōu)先級(jí)，只要是繼承優(yōu)先級(jí)最低

3、實(shí)際開(kāi)發(fā)中不建議使用！important

權(quán)重疊加計(jì)算

場(chǎng)景：如果是符合選擇器，此時(shí)需要通過(guò)權(quán)重疊加計(jì)算方法，判斷最終哪個(gè)選擇器優(yōu)先級(jí)最高會(huì)生效。

公式（每一級(jí)之間不存在進(jìn)位，四個(gè)是分別對(duì)應(yīng)的）

第一級(jí) 第二級(jí) 第三極 第四級(jí)

? （0， 0 ， 0 ，0）

行內(nèi)樣式個(gè)數(shù) id選擇器個(gè)數(shù) 類(lèi)選擇器個(gè)數(shù) 標(biāo)簽選擇器個(gè)數(shù)

比較規(guī)則：

1、先比較第一級(jí)數(shù)字，如果比較出來(lái)了，之后的統(tǒng)統(tǒng)不看。

2、如果第一級(jí)數(shù)字相同，此時(shí)再比較第二級(jí)數(shù)字，如果比較出來(lái)了。之后的統(tǒng)統(tǒng)不看。

3、。。。。

4、如果最終所有數(shù)字都相同，表示優(yōu)先級(jí)相同，則比較層疊性(誰(shuí)寫(xiě)在下面，誰(shuí)說(shuō)了算)

注意點(diǎn)：如果！important不是繼承，則權(quán)重最高。

    

        
我是個(gè)標(biāo)簽
    

一般解題步驟

1、先判斷選擇器是否能直接選中標(biāo)簽，如果不能直接選中---->是繼承，優(yōu)先級(jí)最低----->直接pass

2、通過(guò)權(quán)重計(jì)算公式，判斷誰(shuí)的權(quán)重最高。