CSS 是前端開發過程中必不可少的一部分，它可以實現頁面的美化和互動效果。而隱藏功能則是開發中常用的功能之一，該功能可以讓頁面中的某些元素在需要時被隱藏起來，不影響頁面的布局和美觀。下面我們來了解一下如何在 CSS 中添加隱藏功能。
首先，我們需要使用 display 屬性來隱藏元素，當 display 屬性的值為 none 時，元素將被隱藏。下面是一個簡單的實例代碼：

/* 隱藏 div 元素 */
div {
display: none;
}

上述代碼將隱藏頁面中的所有 div 元素。如果我們只想隱藏某一部分特定的元素，可以根據需要選擇其對應的 CSS 選擇器。
其次，我們也可以使用 visibility 屬性來隱藏元素，當 visibility 屬性的值為 hidden 時，元素將被隱藏。下面是該屬性的實例代碼：

/* 隱藏 img 元素 */
img {
visibility: hidden;
}

上述代碼將隱藏頁面中的所有 img 元素。不同于 display 屬性隱藏元素，visibility 屬性將元素隱藏起來時，元素仍然占據頁面中相應的空間，只是不可見了。
最后，我們還可以使用 opacity 屬性來隱藏元素。當 opacity 屬性的值為 0 時，元素將被隱藏。下面是該屬性的實例代碼：

/* 隱藏 h1 元素 */
h1 {
opacity: 0;
}

上述代碼將隱藏頁面中的所有 h1 元素。不同于 display 屬性和 visibility 屬性，opacity 屬性隱藏元素時，元素并不會消失，只是將自身變得透明。因此，該屬性可以用來實現一些特殊的效果和動畫。
總之，CSS 提供了多種隱藏元素的方法，我們可以根據實際需求選擇不同的屬性和方法來實現隱藏功能。通過這些方法，我們可以讓頁面看起來更加干凈、整潔和美觀。