CSS樣式表層疊是一種常用的CSS設計技術，通過層疊多個樣式規則，可以讓一個HTML元素獲得不同的樣式效果。在表層疊中，每個樣式規則都被稱為“層”，它們可以相互覆蓋，覆蓋前的規則會被忽略。

使用CSS樣式表層疊技術，可以讓一個HTML元素獲得多種不同的樣式效果，例如：改變元素的寬度、高度、背景色、邊框樣式、字體、顏色等等。通過在HTML元素中添加多個“層”，可以創建復雜的樣式效果，同時還可以避免重復編寫樣式規則，提高開發效率。

CSS樣式表層疊的使用方法非常簡單，只需在HTML元素中添加一個類名，并指定需要覆蓋的樣式規則即可。例如，可以在HTML元素中添加一個“div”類名，并使用以下樣式規則來改變元素的寬度和高度：

```css

div {

width: 200px;

height: 200px;

background-color: #f00;

border: 1px solid #ccc;

在上面的示例中，“div”類名指定了要覆蓋的HTML元素類型，并使用了以下樣式規則來改變元素的寬度和高度：背景色、邊框樣式和字體。

除了使用類名來指定覆蓋的樣式規則外，還可以使用絕對定位或偽元素來添加多個“層”。例如，可以使用以下代碼將一個HTML元素絕對定位到另一個HTML元素上，并添加兩個“層”，來實現復雜的樣式效果：

```html

<div>

<div>這里是第一個層</div>

<div>這里是第二個層</div>

</div>

在上面的示例中，第一個“層”被絕對定位到另一個HTML元素上，第二個“層”是一個偽元素，內部包含一個另一個HTML元素。