在CSS中，圖層的概念并不是一個物理概念，而是CSS在渲染頁面時的一種虛擬概念。

當我們在HTML中定義若干個元素時，這些元素就會被CSS渲染成一個個圖層，而每個圖層都有自己的大小、位置和內容。但是，由于不同的圖層可能會重疊在一起，這就需要我們在布局時考慮每個圖層的位置和層級關系。

在CSS中，我們可以使用z-index屬性來設置圖層的層級關系。z-index屬性的值越大，表示該圖層越靠近屏幕的上方，也就是說，它會覆蓋在其他圖層上面。

.layer1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.layer2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.layer3 {
position: absolute;
top: 0;
left: 0;
z-index: 3;
}

在上面的代碼中，我們定義了三個具有絕對定位的圖層，分別是.layer1、.layer2和.layer3。由于它們的z-index屬性值不同，因此它們的層級關系也不同。以.layer3為例，它的層級關系最高，會被渲染在其他圖層的上方，而.layer1和.layer2就會被覆蓋在.layer3的下方。

需要注意的是，z-index屬性只能作用于被定位的元素，也就是說，必須設置元素的position屬性為relative、absolute或fixed，才能使用z-index屬性來控制其層級關系。