CSS中隱藏和顯示是Web開發中比較常見的操作。通常情況下，我們會使用display屬性來控制元素的顯示和隱藏。

/* 隱藏元素 */
display: none;
/* 顯示元素 */
display: block;

使用display:none;可以讓一個元素不被顯示，并且這個元素也不會占據頁面的任何空間。這樣做的好處是還可以讓頁面布局更加靈活。

但有時候我們需要讓一個元素在某個事件（比如用戶點擊了一個按鈕）發生時顯示出來。這時候我們可以借助JavaScript和CSS來實現。

// 在JavaScript中獲取需要顯示的元素
var showElem = document.querySelector('#show-elem');
// 在JavaScript中修改元素顯示屬性
showElem.style.display = 'block';

上面的代碼片段說明了如何在JavaScript中修改元素的顯示屬性。如果需要將元素隱藏起來，只需要將代碼中的'block'替換成'none'即可。

除了使用display屬性，我們還可以使用visibility屬性來控制元素的顯示和隱藏。它和display屬性不同的是，即使元素被隱藏了，該元素仍然會占據頁面的空間。

/* 隱藏元素 */
visibility: hidden;
/* 顯示元素 */
visibility: visible;

總之，通過修改CSS屬性，我們可以輕松地控制元素的顯示和隱藏。無論是使用display屬性還是visibility屬性，都可以達到我們想要的效果。