CSS2D層級是CSS2中最基礎的層級系統，它是CSS級聯樣式表的一部分，讓web開發人員可以通過CSS屬性來控制HTML對象在網頁上的顯示位置，大小和層級關系。在CSS2D層級中，HTML對象可以分層和堆疊，從而實現更加靈活和美觀的網頁設計。

.container {
position: relative;
}
.box {
position: absolute;
top: 20px;
left: 20px;
width: 100px;
height: 100px;
background-color: red;
z-index: 1;
}
.box2 {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
height: 200px;
background-color: green;
z-index: 2;
}

在上面的代碼中，我們使用了一個父容器（.container）和兩個子容器（.box和.box2）來演示CSS2D層級。我們將.box2放在.box的上面，因此.box2具有更高的層級，并且在頁面上顯示在.box之上。我們使用z-index屬性來控制這些層級的關系。

CSS2D層級還可以幫助您控制HTML對象的可見性和交互性。例如，如果您想讓一個對象變得不可見，請將其z-index設置為負數。如果您想將一個對象設置為不能被鼠標點擊，請使用pointer-events屬性。

盡管CSS2D層級是CSS2的基礎部分，但它仍然具有廣泛的應用。從基本的網頁設計到更復雜的動畫和交互體驗，CSS2D層級都扮演著重要的角色。