CSS可以控制HTML元素的顯示和隱藏。下面我們來了解一下如何使用CSS標簽顯示和隱藏。

.show{
display:block;
}
.hide{
display:none;
}

上面的代碼是定義了兩個class：.show和.hide。.show用于顯示元素，.hide用于隱藏元素。我們可以通過修改元素的class來達到顯示或隱藏的效果。

這是一個例子。

上面的代碼是一個包含id為example的div元素，它的class為show，因此它的顯示狀態(tài)為display:block。

隱藏顯示

上面的代碼是兩個按鈕，通過點擊按鈕來修改元素的class實現(xiàn)顯示或隱藏。點擊“隱藏”按鈕時，我們通過classList.add()方法將元素的class修改為.hide，從而使得元素被隱藏（display:none）。點擊“顯示”按鈕時，我們通過classList.remove()方法將元素的class修改回.show，從而使得元素被顯示（display:block）。

總之，通過使用CSS的display屬性和類選擇器，我們可以很方便地控制HTML元素的顯示和隱藏，實現(xiàn)更靈活的頁面效果。