在 CSS 中，顯示和隱藏元素是非常常見的操作，可以使用屬性 display 來實現(xiàn)。

/* 隱藏元素 */
display: none;

當元素設置為 display:none 時，它將從文檔流中移除，不會占據(jù)空間，同時也不會顯示。

/* 顯示元素 */
display: block;

當元素設置為 display:block 時，它將顯示為一個塊級元素。

/* 隱藏元素但占據(jù)空間 */
visibility: hidden;

當元素設置為 visibility:hidden 時，它不會顯示在頁面上，但會占據(jù)空間。這點與 display:none 不同。

/* 顯示元素并指定寬度和高度 */
display: inline-block;
width: 100px;
height: 50px;

使用 display:inline-block 可以讓元素顯示為一個行內(nèi)塊級元素，同時可以通過 width 和 height 屬性指定寬度和高度。

/* 鼠標懸浮顯示元素 */
.element {
display: none;
}
.element:hover {
display: block;
}

通過偽類 :hover 可以實現(xiàn)鼠標懸浮時顯示元素的效果。