在网页设计中，我们常常需要将页面元素按照一定的层次关系进行排版，以达到美观的效果。其中，z-line是一个非常重要的概念。在CSS中，我们可以通过z-index属性来控制元素的z-line层次。

z-index: 1;

以上代码表示将该元素置于z-line的第一层，也就是最上面。同理，我们也可以通过z-index属性来将元素置于下层。

z-index: -1;

以上代码表示将该元素置于z-line的最后一层，也就是最下面。

如果两个元素的z-index值相同，那么它们的层次关系将由它们在代码中的先后顺序决定。

CSS中的z-index属性不仅可以用于控制元素之间的层次关系，还可以用于控制元素在悬浮状态下的显示优先级。比如，在一个鼠标悬浮的效果中，我们可以将悬浮元素的z-index值提高，以使其在其他元素之上。

:hover{
z-index: 999;
}

以上代码表示将鼠标悬浮时的该元素置于z-line的最顶层。

需要注意的是，在控制元素的z-line层次关系时，我们应该尽可能地使用合适的数值，以避免出现不必要的层叠问题。另外，一些浏览器可能对z-index属性的处理方式略有不同，需要谨慎使用。