CSS是前端開發中的重要技術之一，它可以幫助我們實現頁面布局和樣式效果。其中一個比較常用的功能就是改變層疊順序（z-index），下面我們來簡單介紹一下。

層疊順序指的是元素在頁面中的堆疊順序，值越大的元素會被放置在值小的元素之上。而默認情況下，元素的層疊順序是按照它們在HTML文檔中的順序來確定，后出現的元素會被放置到前面已出現的元素之上。

然而，在實際開發中我們會需要改變層疊順序，比如使一個圖層覆蓋在另一個圖層之上。這時候我們就需要用到z-index屬性來改變層疊順序了。

/* 語法 */
z-index: number | auto | inherit;
/* 示例 */
.box1 {
z-index: 1;
}
.box2 {
z-index: 2;
}

z-index屬性可以設置一個整數值、auto或者inherit。其中整數值越大，元素的層疊順序越高，就越可能被放置到最上層。auto表示使用默認的層疊順序，而inherit表示從父元素繼承層疊順序。

需要注意的是，z-index只能用于設置包含position屬性值為absolute、relative、fixed或sticky的元素的層疊順序。如果沒有設置這些position值的元素，z-index將不會生效。此外，元素的層疊順序還可以受到opacity、filter、transform等其他屬性值的影響，所以在使用z-index時需要多加注意。

總之，改變層疊順序是CSS中一個重要的功能，它可以讓我們更靈活地布局和設計頁面。通過掌握z-index屬性的使用，我們可以讓元素以更加合理的方式疊放在頁面上，讓頁面更加美觀和易于閱讀。