CSS樣式可用于頁面元素的顯示和隱藏，這對我們的網頁設計非常有用。下文將介紹使用CSS樣式隱藏及顯示元素的方法。

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

上述代碼可以控制元素隱藏，如果希望顯示元素，則需要改變display屬性值。如下所示：

/*顯示元素*/
.show {
display: block;
}

此外，CSS中還有另一種可用于顯示和隱藏元素的屬性：

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

與display屬性不同的是，visibility屬性僅影響元素的可見性，而不會影響布局。因此，如果希望元素仍占據空間但不可見，則應該使用visibility屬性。

/*顯示元素*/
.show {
visibility: visible;
}

需要注意的是，以上屬性只適用于塊級元素和行內元素。如果需要隱藏表格行或單元格，則應該使用display屬性。此外，頁面中許多元素都有默認樣式，隱藏或顯示可能會破壞布局，因此應該謹慎使用隱藏和顯示屬性。