CSS div z軸是指網頁元素在立體空間中的位置。在二維空間中，元素的層次關系是由其在HTML文檔中出現(xiàn)的先后順序決定的，越后出現(xiàn)的元素越在上層。但在三維空間中，我們需要更精細的控制元素的層次關系，這就需要用到CSS div z軸屬性。

在CSS中，我們可以使用z-index屬性來控制元素在z軸上的位置。具體來說，元素的z-index屬性值越大，就越靠近觀察者，越在上層。當z-index屬性相同時，后出現(xiàn)的元素在上層。

/* 例如，我們有兩個div元素，分別使用了相同的z-index屬性值*/
div#box1 {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
background-color: red;
z-index: 1;
} 
div#box2 {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
background-color: blue;
z-index: 1;
}
/*此時，box2元素在box1元素上層*/

除了使用z-index屬性外，在CSS 3中我們還可以使用transform屬性來控制元素在三維空間中的位置。通過rotateX、rotateY、rotateZ、translateX、translateY和translateZ等參數(shù)，可以讓元素繞x軸、y軸和z軸旋轉，或者在z軸上移動。這在動畫和3D效果的制作中非常有用。

/* 例如，我們將一個div元素繞z軸旋轉45度，并將其向前移動100px*/
div#box3 {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
background-color: green;
transform: rotateZ(45deg) translateZ(100px);
}

總結來說，CSS div z軸是一種非常有用的屬性，它可以幫助我們控制元素在三維空間中的位置和層次關系。通過z-index屬性和transform屬性，我們可以實現(xiàn)更強大的3D效果和動畫效果。