CSS是網頁設計中非常重要的一個組成部分，它可以控制網頁的布局、字體、顏色、背景等各個方面。

其中CSS顯示事件是一個非常有用的技巧，可以在用戶交互或者特定條件下改變網頁元素的顯示狀態。

/* CSS顯隱事件的代碼演示 */
/* 隱藏特定ID元素 */
#hidden {
display: none;
}
/* 在鼠標懸停時改變背景顏色 */
#hover {
background-color: blue;
}
#hover:hover {
background-color: red;
}
/* 根據屏幕尺寸改變元素顯示狀態 */
@media screen and (max-width: 600px) {
#responsive {
display: none;
}
}

在以上代碼示例中，我們分別使用了display屬性、:hover偽類以及@media查詢來實現元素的顯隱事件。

使用display屬性可以控制元素的顯示狀態，可以將一個元素隱藏起來，也可以將其顯示出來。使用:hover偽類可以在鼠標懸停時改變元素的樣式，這在制作交互性更強的網頁時非常有用。最后，通過@media查詢，我們可以根據屏幕尺寸改變元素的顯示狀態，從而實現響應式設計。

總之，CSS顯示事件是一種非常實用的技巧，可以增加網頁交互性和美觀性，也可以提高網頁的可用性和用戶體驗。