在網站設計中，有時候需要隱藏某些模塊，這樣用戶就不會看到不必要的信息。下面介紹一下在CSS中如何隱藏一個模塊。

首先，在HTML中給要隱藏的模塊添加一個類名，例如“hidden”：

<div class="hidden">
這里是要隱藏的模塊
</div>

接下來，在CSS文件中添加以下代碼：

.hidden {
display: none;
}

這段代碼的含義是將擁有類名“hidden”的元素的顯示屬性設置為“none”，從而將其隱藏。

另外，如果想讓隱藏的模塊在未被調用時占據一定的空間，可以將其顯示屬性設置為“visibility: hidden;”，這樣雖然看不到模塊，但是它仍然會占據空間。

在需要重新顯示這個模塊的時候，可以使用JavaScript來動態修改元素的類名，例如：

let element = document.querySelector('.hidden');
element.classList.remove('hidden');

這段代碼的含義是找到擁有類名“hidden”的元素，然后將其類名修改為非“hidden”的類名，從而使其重新顯示。

總之，在CSS中使用類名來隱藏元素是一個非常方便的方法，可以讓界面更加簡潔和規整。