CSS中的z-index属性用于控制元素的层级（即上下位置）。具体来说，z-index值越大的元素，就会在前面覆盖z-index值小的元素。在网页布局中，正确使用z-index可以避免元素重叠造成的不良影响。

/* 基本用法 */
.element {
position: absolute;
z-index: 10;
}
/* 数值类型 */
.element {
z-index: 0; /* 默认值 */
z-index: auto; /* 自动层叠顺序 */
z-index: -1; /* 负值，放在文档流下面 */
z-index: 100; /* 正值，放在其他元素之上 */
}
/* 继承与优先级 */
/* z-index是继承的，但子元素的z-index可以覆盖父元素 */
.parent {
z-index: 1;
}
.child {
z-index: 2; /* 高于父元素 */
}
/* 其他注意点 */
/* 1、z-index只对使用了定位的元素有效（如position: absolute/fixed/relative）。 */
/* 2、z-index相等的元素，后面的会覆盖前面的。 */
/* 3、在IE6/7中，对z-index的支持比较奇怪（具体可参考其他资料）。 */

总而言之，z-index是CSS中重要的层级控制属性，对网页布局具有重要意义，而且使用也比较简单。