網頁設計經常會使用層疊樣式表（CSS）來控制網頁的布局和樣式。在CSS中，層級（z-index）是一種屬性，用于控制元素在網頁中的層疊順序。通過設置元素的層級屬性值，可以決定元素的顯示順序。如下所示：

.important {
z-index: 2;
}
.normal {
z-index: 1;
}
.background {
z-index: 0;
}

在上述代碼中，我們定義了三個類名，分別是important、normal和background，并為它們設置了不同的層級值。important的層級值最高，normal次之，background最低。這意味著，在網頁中，important元素將顯示在normal和background元素的上方。

需要注意的是，層級值越高的元素會覆蓋在層級值較低的元素上方，但并非所有元素都可以設置層級。只有設置了定位屬性（position）的元素，才可以設置層級。在CSS中，元素的定位屬性包括relative、absolute、fixed和sticky。例如：

.header {
position: relative;
z-index: 2;
}
.content {
position: relative;
z-index: 1;
}
.footer {
position: relative;
z-index: 0;
}

在上述代碼中，我們分別為header、content和footer設置了定位屬性，并設置了不同的層級值。這樣，網頁中的header元素將顯示在content和footer元素的上方。

需要特別注意的是，CSS的層級屬性只能作用于同一層級的元素。也就是說，在不同的容器元素中，層級屬性并不會生效。因此，如果想要在不同的容器元素中設置元素的層級關系，可以通過調整容器元素的定位屬性，實現元素的疊放順序。

總之，CSS的層級屬性是控制網頁元素顯示順序的重要工具，通過合理地設置層級屬性值，可以讓網頁元素呈現出更加美觀的布局。