CSS中有一个很重要的概念就是层级，通过调整层级可以改变DOM元素的显示顺序，这个过程就需要用到某些CSS属性来实现。

要改变一个div元素在页面中的层级，可以使用CSS中的z-index属性。该属性可以将一个元素的层级调整到另一个元素的前面或者后面，在z-index的值相同的情况下，后来的元素会排在前面。

.div1{
z-index:1;     /* 将div1的层级设为1，这里可以是任何整数 */
}
.div2{
z-index:2;     /* 将div2的层级设为2，比div1更高 */
}

有时候，如果要改变多个div元素的显示顺序，可以将它们放在一个父元素中，然后改变父元素的层级。这样做也会影响到父元素和它的子元素的其他样式，需要谨慎使用。

.parent-div{
z-index:2;     /* 将父元素的层级设为2 */
}
.parent-div .child-div{
z-index:1;     /* 将子元素的层级设为1 */
}

在使用z-index属性时，需要注意以下几点：

1. z-index只对定位（position）不为static的元素有效
2. z-index只对同级元素有效，不会影响到其他元素的层级
3. 需要注意在使用z-index时不要出现死循环，否则会导致网页的卡顿