CSS3頂層是CSS中非常重要的一部分，用于定義在重疊的元素上，哪個元素應該位于頂部，哪個元素位于底部。在沒有頂層屬性的情況下，元素是按照它們在HTML文檔中出現(xiàn)的順序進行堆疊的。

.example {
position: relative;
z-index: 1;
}
.another-example {
position: absolute;
z-index: 2;
}

在上面的代碼示例中，`.example`元素的`z-index`屬性設(shè)置為1，`.another-example`元素的`z-index`屬性設(shè)置為2。那么，`.another-example`元素將被放置在`.example`元素之上，因為它的`z-index`屬性值更高。

如果兩個元素具有相同的`z-index`屬性值，則它們將根據(jù)它們在HTML文檔中出現(xiàn)的順序進行堆疊。對于具有負`z-index`值的元素，它們將被放置在正`z-index`值的元素的下面。

使用`z-index`屬性可以幫助您控制HTML文檔中各個元素的顯示順序，從而提高用戶體驗并為網(wǎng)站或應用程序增加交互性。