在 CSS 中，可視和隱藏屬性是非常重要的一部分。通過這些屬性，我們可以決定頁面上元素是否顯示和占據(jù)空間。

在 CSS 中，有兩個屬性來控制元素的可見性：visibility 和 display。

visibility 屬性控制元素是否可見，但仍然占據(jù)空間。默認值是 visible。如果將其設(shè)置為 hidden，則元素不可見，但仍然占據(jù)空間。如果將其設(shè)置為 collapse，則在表格中使用時，將行隱藏起來。

element {
visibility: visible; /* 默認值 */
visibility: hidden; /* 元素不可見，但仍占據(jù)空間 */
visibility: collapse; /* 在表格中使用，將行隱藏起來 */
}

display 屬性控制元素是否可見，并決定元素如何顯示。默認值是 block，元素在頁面中占據(jù)一整行。其他常見的值包括 inline，元素在頁面中占據(jù)一行的一部分，并允許其他元素在同一行上顯示，以及 none，元素不可見，也不占據(jù)空間。

element {
display: block; /* 默認值，元素在頁面中占據(jù)一整行 */
display: inline; /* 元素在頁面中占據(jù)一行的一部分 */
display: none; /* 元素不占據(jù)空間，也不可見 */
}

在實際開發(fā)中，我們經(jīng)常使用可視和隱藏屬性來控制頁面上的元素。例如，在響應(yīng)式 Web 設(shè)計中，我們可以使用這些屬性來隱藏或顯示不同大小的屏幕上的元素。

總的來說，可視和隱藏屬性是我們在 CSS 中必須要掌握的技巧。通過這些屬性，我們可以控制頁面上元素的可見性和空間占用，實現(xiàn)更加靈活多樣的頁面效果。