在網頁設計與開發中，CSS是一種重要的技術。它有三種基本的特性：層疊性、繼承性和優先級。

層疊性

層疊性指的是多個樣式定義時，最終顯示效果是由所有定義的樣式一起疊加并顯示出來的。具體地說，當一個文檔中定義了多個樣式規則時，它們按照出現的順序進行優先級比較，最終會按照優先級高低決定如何渲染元素。比如，當多個CSS樣式文件中都包含了相同的選擇器時，瀏覽器會按照文件的順序依次讀取并應用這些樣式，最終呈現的樣式就是疊加在一起的結果。

繼承性

CSS中的繼承性指的是某些屬性值可以從父元素傳遞到其子元素上，相當于子元素從父元素繼承了一些特性。這種特性可以幫助我們簡化頁面的代碼，提高樣式的復用性。比如，我們可以在頁面的頂部定義一個全局的字體大小和顏色，然后讓所有的p標簽從父元素繼承這些屬性，避免了重復編寫代碼，同時也保證了頁面上的元素樣式的一致性。

優先級

CSS中的優先級是指當多個選擇器應用到同一元素時，哪個選擇器的樣式會具有更高的優先級。這種特性可以幫助我們靈活地控制頁面元素的樣式。CSS樣式的優先級按照“選擇器權重”的大小來排序，權重從高到低分別為：!important >行內樣式 >ID選擇器 >類選擇器、屬性選擇器、偽類選擇器 >標簽選擇器、偽元素選擇器 >通配符(*)、關系選擇器（+、>、~） >繼承

/* !important 權重為最高 */
p {
font-size: 16px !important;
}
/* 行內樣式 */
<p style="color: red;">My paragraph text is in red.</p>
/* ID選擇器 */
#paragraph {
font-size: 18px;
}
/* 類選擇器、屬性選擇器、偽類選擇器 */
.hello {
color: green;
}
/* 標簽選擇器、偽元素選擇器 */
p::first-letter {
font-size: 20px;
}
/* 通配符、關系選擇器 */
* {
margin: 0;
}
/* 繼承 */
body {
font-size: 14px;
}
</pre>