CSS是一門視覺樣式設計語言，可以為HTML文檔增添更加美觀和生動的樣式效果。CSS為我們提供了兩種重要的特性：繼承和層疊。

繼承即樣式屬性的傳遞。父元素定義的樣式屬性可以被子元素所繼承使用。這個特性可以讓我們更加輕松地書寫樣式代碼，因為我們不需要重復地指定相同的樣式屬性。例如，我們可以為body元素設置字體屬性，然后所有在body內的元素都會繼承它。這樣一來，我們就可以很方便地對網頁中的所有文本進行統一的字體處理。下面是一段繼承示例的代碼：

body {
font-family: Arial, sans-serif;
}
h1 {
font-size: 2em;
}

在這個例子中，body元素指定了字體屬性，而h1元素只指定了它自己的字體大小。因為h1是body的子元素，所以它會繼承body的字體屬性。因此，這個h1文本會使用Arial字體。

另一個CSS的特性是層疊。層疊是指多個CSS樣式屬性同時應用到同一個元素上產生的效果。當一個元素有多個CSS樣式應用到它上面時，可能會出現沖突。為了解決這個問題，我們需要了解CSS樣式優先級的概念。下面是一個層疊示例的代碼：

div {
background-color: blue;
color: white;
}
div.special {
background-color: red;
}

在這個例子中，我們為div和div.special指定了不同的背景顏色。因為div.special是div的子元素，所以它會繼承div的顏色屬性。但是，因為div.special有自己的背景顏色屬性，所以它會覆蓋div的顏色。因此，在頁面上，div.special會使用紅色背景，而不是藍色背景。

繼承和層疊是CSS中非常重要的特性，在編寫樣式時需要注意它們的使用。合理利用這兩個特性可以讓我們更加高效地編寫代碼，并使網頁更加美觀。