CSS中的display屬性可以控制一個元素在頁面上的可見性和布局方式。其中，其中一個很常用的值就是“none”，用于將元素隱藏起來。下面我們來詳細了解一下它的用法。

.hide {
display: none;
}

上述代碼可以將擁有hide類名的元素隱藏起來，這意味著不僅它在頁面上不可見，而且它所占的空間也會被釋放出來。這通常用來在某些條件下隱藏一些元素，或者通過JavaScript操作來控制元素的顯示和隱藏。

然而，在某些情況下，我們希望隱藏元素但又不希望失去它所占的空間，這時候可以使用“visibility:hidden”屬性。雖然元素不可見，但所占的空間仍然存在。

.hide {
visibility: hidden;
}

需要注意的是，不同于“display: none”會將元素完全從渲染樹中移除，在使用“visibility:hidden”后，元素仍然會被渲染并占據(jù)其指定位置，但它是不可見的。

在實際應用中，我們可以將隱藏的元素設置為不可見，通過JavaScript動態(tài)修改樣式實現(xiàn)元素的顯示和隱藏，這樣實現(xiàn)復雜動畫效果時效果更佳。