CSS層疊式是一種非常重要的CSS編寫方法。簡單來說，就是按照一定的優先級來確定CSS樣式的應用順序。當有多個CSS規則作用于同一個HTML元素時，就需要通過層疊式的方法來確定優先級，以確保正確的樣式被應用。

在CSS層疊式中，使用“選擇器”和“權重”兩個因素來確定樣式的優先級。

h1{
color: red;
}
h1{
color: blue;
}

在上面的例子中，兩個CSS規則都針對同一個HTML元素h1，但是指定了不同的顏色。根據優先級規則，后面的樣式會覆蓋前面的樣式，因此最終的樣式會是藍色。

除了直接在CSS中指定樣式，層疊式還可以使用“繼承”和“重置”兩種方式來實現樣式的傳遞和覆蓋。

繼承是指某些樣式可以被子元素繼承。例如：

body{
color: green;
}
p{
font-size: 16px;
}

在上面的例子中，body元素指定了顏色為綠色，而p元素沒有直接指定顏色。由于p元素是body元素的子元素，因此會繼承其顏色屬性。

重置是指通過使用!important標記來打破優先級規則，強制指定某個樣式。

p{
font-size: 16px !important;
}

在上面的例子中，樣式規則通過使用!important標記來設置優先級最高，可以覆蓋其他規則。但是在實際中，應該盡量避免使用!important標記，因為過多的使用會破壞層疊式的優點。