在學習CSS樣式表時，層疊和繼承是兩個重要的概念。它們可以幫助我們更好地組織我們的CSS代碼，并節省編寫CSS的時間。下面我們會分別詳細介紹這兩個概念。

層疊 (Cascading)

從字面上看，“層疊”指的是一層覆蓋另一層的過程。在CSS中，它指的是同一個元素可以被多個CSS規則所影響，從而最終產生一個樣式。

CSS規則是按照優先級來執行的。當有多個規則應用到同一個元素時，會按照以下順序執行：

1. 瀏覽器默認樣式
2. 外部樣式表
3. 內部樣式表（位于標簽內的樣式）
4. 內聯樣式（在html元素內部的樣式）

如果有多個同樣優先級的規則，那么將根據它們的“權重”來決定哪個規則勝出。

CSS的“權重”可以用以下公式來表示：
(選擇器內ID選擇器數量 * 100) + (選擇器內類選擇器，屬性選擇器和偽類選擇器數量 * 10) + 選擇器內標簽選擇器和偽元素選擇器數量。

具體來說，如果我們有以下CSS代碼：

p {
color: red;
}
和以下內聯樣式：

<p style="color: blue;">Hello World!</p>

那么最終的顏色將是藍色而不是紅色，因為內聯樣式的優先級更高。

繼承 (Inheritance)

如果你在html頁面中設置一個元素的樣式，但是它并沒有被直接應用到該元素，那么它有可能是從父元素繼承來的。

CSS屬性可以被繼承或不被繼承。當一個屬性被繼承時，它將從父元素傳遞到子元素而不需要再次設置。一些常見的可繼承屬性是文字顏色，文字大小和文字對齊方式。

如果我們設置以下CSS代碼來設置段落元素的文字顏色：

p {
color: blue;
}

那么在html頁面上，所有的子元素會自動繼承這個顏色屬性。所以如下代碼的顏色也會是藍色：

<div><p>Hello World!</p></div>

綜上所述，層疊和繼承是CSS編寫中兩個重要且相互補充的概念。了解了這兩個概念之后，你可以輕松地組織你的CSS代碼并讓你的樣式表更加清晰易懂。