CSS是網頁設計中非常重要的一部分，它不僅可以控制元素的外觀，還可以控制元素的顯示和隱藏。在CSS中，我們可以使用display屬性和visibility屬性來讓元素隱藏。接下來，本文將會詳細介紹如何使用這兩種屬性來隱藏元素。

首先，我們來看看display屬性。這個屬性可以控制元素的顯示方式，有很多種取值，其中包括none。當我們將一個元素的display屬性設置為none時，它將完全從頁面上消失，連占用的空間都沒有了。下面是一個例子：

.hidden {
display: none;
}

在上面的代碼中，我們定義了一個類名為hidden的樣式，將它的display屬性設置為none。然后，將這個類應用到任何一個元素上，這個元素就會被隱藏。例如：

<div class="hidden">這個元素將被隱藏</div>

上面的代碼中，我們將class為hidden的樣式應用到了一個div元素上，這個元素將會被完全隱藏。

接下來，我們看看visibility屬性。這個屬性也可以讓元素隱藏，但是它不會將元素從頁面上完全消失，而是將它變成了透明的。在visibility屬性中，我們可以使用hidden值來讓元素隱藏。下面是一個例子：

.hidden {
visibility: hidden;
}

在上面的代碼中，我們定義了一個類名為hidden的樣式，將它的visibility屬性設置為hidden。然后，將這個類應用到任何一個元素上，這個元素就會被隱藏。例如：

<div class="hidden">這個元素將被隱藏</div>

上面的代碼中，我們將class為hidden的樣式應用到了一個div元素上，這個元素將會變成透明的，但是它依然占用著頁面上的空間。

綜上所述，使用display屬性和visibility屬性都可以讓元素隱藏。如果我們需要讓元素完全消失并且不占用任何空間，就可以使用display: none；如果我們需要讓元素隱藏但是依然占用頁面上的空間，就可以使用visibility: hidden。