層疊樣式表（CSS）是前端開發中不可或缺的一部分。CSS可以通過不同的樣式規則來控制HTML元素的外觀和布局。CSS3是CSS的最新版本，其中包括了許多新特性和功能，使網頁設計更加靈活。

CSS3中的一項重要功能是層疊樣式。層疊樣式是指后來的樣式規則會覆蓋之前的樣式規則。這種覆蓋是通過“層疊順序”來決定的，具有較高層疊順序的樣式規則會覆蓋較低層疊順序的樣式規則。

/* 以下為CSS樣式代碼 */
p {
color: red;
} 
p {
color: blue;
}

在上面的樣式代碼中，第二個p標簽的樣式規則會覆蓋第一個p標簽的樣式規則。因為第二個樣式規則在層疊順序上比第一個樣式規則高，所以文本顏色將會是藍色而不是紅色。

CSS3還加入了一些新的層疊順序屬性，如z-index屬性，用于控制元素的層疊順序。這個屬性通常用于控制位置重疊的元素的顯示順序。

/* 以下為CSS樣式代碼 */
div {
position: absolute;
left: 50px;
top: 50px;
width: 100px;
height: 100px;
background-color: red;
z-index: 1;
}
p {
position: absolute;
left: 50px;
top: 50px;
width: 100px;
height: 100px;
background-color: blue;
z-index: 2;
}

在上面的樣式代碼中，p標簽擁有比div元素更高的層疊順序，因此它將顯示在div元素的上方。

CSS3的層疊樣式功能使得頁面設計更加強大和靈活。前端開發者可以根據這個功能更好的控制元素的外觀和布局，提供更好的用戶體驗。