在網頁設計中，我們常常需要將頁面元素按照一定的層次關系進行排版，以達到美觀的效果。其中，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屬性的處理方式略有不同，需要謹慎使用。