在制作網頁時，我們經常需要根據用戶的行為來控制頁面元素的顯示與隱藏，比如點擊一個按鈕，就能顯示一個彈窗或下拉菜單。這時，就需要使用CSS來實現元素的顯示和隱藏。
CSS提供了兩個常用的屬性來實現元素的顯示和隱藏：display和visibility。使用它們可以控制元素在頁面中的可見性。
首先，我們來看一下使用display屬性來顯示或隱藏元素。

顯示元素：
div {
display: block;
}
隱藏元素：
div {
display: none;
}

上面的代碼中，我們通過display屬性將元素的顯示方式設為block或none來控制元素的顯示和隱藏。當display為block時，元素會以塊級元素的形式顯示在頁面上；當display為none時，元素會被完全隱藏，不占用任何空間。
另一個常用的屬性是visibility，它也可以用來控制元素的可見性。

顯示元素：
div {
visibility: visible;
}
隱藏元素：
div {
visibility: hidden;
}

與display不同的是，當使用visibility屬性隱藏元素時，元素仍然會占用它在頁面中原本的空間。不過，它會被完全遮擋，無法被用戶看到。
需要注意的是，使用display或visibility屬性來顯示或隱藏元素只能控制元素在頁面中的可見性，但并不能改變元素本身的存在與否。如果想完全刪除一個元素，可以使用JavaScript來動態地添加或刪除元素。
總之，使用CSS來控制元素的顯示與隱藏是非常方便的，還能幫助我們更好地定制和優化頁面。不過，在使用時需要注意選用合適的屬性和方法，以達到最佳的效果。