CSS的层叠式样式表语言可以帮助我们很好地控制HTML元素的样式。其中，使用div标签可以创建一个容器，将文档分为不同的部分，而使用CSS中的z-index属性，可以将某个div元素显示在其它元素之前，实现一些特殊的效果。

z-index属性的取值范围为负整数、0和正整数，取值越大，div元素显示在越前面。而当z-index取值相同的时候，根据html代码中元素的先后顺序，后出现的元素会显示在先出现的元素之上。

以下是一个使用了z-index属性的例子：

div {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: red;
  z-index: 1;
}

div.front {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 50px;
  height: 50px;
  background-color: green;
  z-index: 2;
}

上面的代码中，我们创建了两个div元素，一个显示为红色，z-index为1，另一个显示为绿色，z-index为2。因为绿色的div元素z-index更大，所以它会显示在红色的div元素之前。而使用了position属性，可以使元素具有定位属性，从而可以控制元素的位置。

使用z-index属性可以实现一些有趣的效果，比如用于菜单的下拉列表、弹出框等等，但也需要注意不要滥用，避免出现层叠过多、混乱等问题。