CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計領(lǐng)域是一個突破。利用它可以實現(xiàn)修改一個小的樣式更新與之相關(guān)的所有頁面元素。這一切都離不開CSS的特性，本文我們就來簡單聊聊CSS的3大特性。

CSS的3大特性是指層疊性、繼承性以及優(yōu)先級。

一、CSS層疊性

說明：層疊性是多種CSS樣式的疊加，是瀏覽器處理樣式?jīng)_突的方式。在HTML中對于同一個元素可以有多個CSS樣式存在，當(dāng)有相同權(quán)重的樣式存在時，會根據(jù)這些樣式出現(xiàn)的先后順序來決定，處于最后面的CSS樣式將會覆蓋前面的CSS樣式。

舉例：
下面代碼，出現(xiàn)一個div 標(biāo)簽指定了相同樣式不同值的情況，這就是樣式?jīng)_突。

div{

????color:red;

}

div{

????color:blue;

}

原則：
通常出現(xiàn)樣式?jīng)_突，會按CSS書寫的順序，以最后的樣式為準(zhǔn)。

樣式不沖突，不會層疊。

樣式?jīng)_突，遵循就近原則。 長江后浪推前浪，后面樣式蓋前面。

二、CSS繼承性

說明：簡單的理解為—“子承父業(yè)“，是指子標(biāo)簽會繼承父標(biāo)簽的==某些==樣式，如文本顏色和字號。想要設(shè)置一個可繼承的屬性，只需將它應(yīng)用于父元素即可。

舉例：

<style>

????div{color:pink;font-size:20px;}

</style>

<div>

????<span>

????????我是什么顏色的？

????</span>

</div>

合理使用繼承可以簡化代碼，降低CSS樣式的復(fù)雜性。對于字體、字號、顏色、行距等==文本類屬性==具有繼承性，都可以在body中統(tǒng)一設(shè)置，然后影響文檔中所有文本。

但是，并不是所有的CSS屬性都可以繼承，如邊框、外邊距、內(nèi)邊距、背景、定位、元素高度等==與塊級元素相關(guān)的==屬性都不具有繼承性。

三、CSS優(yōu)先級

在復(fù)雜CSS樣式表，往往并不是相同樣式不同值的堆疊這么簡單，經(jīng)常出現(xiàn)兩個或多個不同樣式規(guī)則應(yīng)用在同一元素上，這時到底采用哪個樣式呢？這就是典型的CSS優(yōu)先級問題。

處理優(yōu)先級問題，就是考慮樣式權(quán)重的高低。這里先給大家介紹一些特殊的情況：

==繼承樣式的權(quán)重為0。==也就是說，在嵌套結(jié)構(gòu)中，無論父元素樣式權(quán)重多大，子元素繼承時，應(yīng)用在子元素上的權(quán)重都為0，即子元素定義的樣式會覆蓋所有繼承來的樣式。

==行內(nèi)樣式優(yōu)先。==應(yīng)用style屬性的元素，其行內(nèi)樣式的權(quán)重非常高，可以理解為遠(yuǎn)大于100。總之，他擁有比上面提高的選擇器都大的優(yōu)先級。

權(quán)重相同時，CSS遵循就近原則。也就是說靠近元素的樣式具有最大的優(yōu)先級，或者說排在最后的樣式優(yōu)先級最大。

CSS定義了一個!important命令，該命令被賦予最大的優(yōu)先級。也就是說不管權(quán)重如何以及樣式位置的遠(yuǎn)近，!important都具有最大優(yōu)先級。

以上就是CSS的三大特性的簡單介紹，CSS能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。這些都?xì)w功于CSS的特性，在本站的CSS教程中對于CSS的各種知識都有詳細(xì)的講解，想要深入學(xué)習(xí)CSS的小伙伴可以在本站學(xué)習(xí)這方面的知識。