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

CSS的3大特性是指層疊性、繼承性以及優先級。

一、CSS層疊性

說明：層疊性是多種CSS樣式的疊加，是瀏覽器處理樣式沖突的方式。在HTML中對于同一個元素可以有多個CSS樣式存在，當有相同權重的樣式存在時，會根據這些樣式出現的先后順序來決定，處于最后面的CSS樣式將會覆蓋前面的CSS樣式。

舉例：
下面代碼，出現一個div 標簽指定了相同樣式不同值的情況，這就是樣式沖突。

div{

????color:red;

}

div{

????color:blue;

}

原則：
通常出現樣式沖突，會按CSS書寫的順序，以最后的樣式為準。

樣式不沖突，不會層疊。

樣式沖突，遵循就近原則。 長江后浪推前浪，后面樣式蓋前面。

二、CSS繼承性

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

舉例：

<style>

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

</style>

<div>

????<span>

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

????</span>

</div>

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

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

三、CSS優先級

在復雜CSS樣式表，往往并不是相同樣式不同值的堆疊這么簡單，經常出現兩個或多個不同樣式規則應用在同一元素上，這時到底采用哪個樣式呢？這就是典型的CSS優先級問題。

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

==繼承樣式的權重為0。==也就是說，在嵌套結構中，無論父元素樣式權重多大，子元素繼承時，應用在子元素上的權重都為0，即子元素定義的樣式會覆蓋所有繼承來的樣式。

==行內樣式優先。==應用style屬性的元素，其行內樣式的權重非常高，可以理解為遠大于100。總之，他擁有比上面提高的選擇器都大的優先級。

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

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

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