CSS層級定位是CSS中一個非常重要的概念，在設計網頁布局時經常需要使用。它通過給元素設置不同的定位屬性，使得元素可以相互重疊、遮蓋、或者在父元素內部定位。

/* 代碼示例 */
.element1 {
position: relative;
z-index: 2;
}
.element2 {
position: absolute;
z-index: 1;
}

上述代碼中，第一個元素設置了相對定位，并設置了層級為2，第二個元素設置了絕對定位，并設置了層級為1。

在CSS中，每個元素都擁有一個層級，層級可以通過設置z-index屬性來進行控制。當多個元素重疊在一起時，層級高的元素將會遮蓋層級低的元素。

層級的范圍一般從0開始，值越大，層級越高。同時，不同父元素下的層級是互相獨立的，即父元素的層級不會影響其子元素的層級。

CSS層級定位在制作動畫、導航菜單、彈出框等方面有著廣泛的應用。