CSS是網頁設計中非常重要的一部分，掌握CSS的基本概念對于設計一個漂亮的網站至關重要。其中，CSS垂直疊放次序就是一個非常重要的概念。 在CSS中，有一個叫做z-index的屬性，用于控制不同元素的顯示順序。z-index的值越大，則該元素越靠前，顯示在最上面，反之則越后。通常情況下，z-index默認值為auto，即不設置。在這種情況下，元素的疊放順序基于元素在HTML中的順序。 要使用z-index屬性，需要將其定義為一個數量值，以指定該元素的垂直疊放層次。例如，如果我們想要將一個元素置于另一個元素之上，則需要將該元素的z-index屬性設為一個大于另一個元素的z-index值的數值。 以下是一段CSS代碼，其中定義了兩個元素div1和div2，分別具有不同的z-index值：

div#div1{ 
position: relative; 
z-index: 1;
}
div#div2{ 
position: relative; 
z-index: 2; 
}

上面的代碼中，div2的z-index值大于div1的z-index值，所以div2會顯示在div1的上面。 需要注意的是，如果兩個元素擁有相同的z-index值，則它們的疊放順序將取決于它們在HTML代碼中的順序。因此，即使設置了z-index值，我們也要注意HTML中元素的順序，以確保正確的疊放順序。 總之，掌握CSS垂直疊放次序是設計網頁的基礎之一，正確使用z-index屬性可以幫助我們控制元素的顯示順序，實現更美觀、更有效果的網頁設計。