CSS元素的顯示與隱藏是前端開發中的重要部分，可以通過CSS樣式表輕松地控制網站元素的顯示與隱藏。

/* 隱藏元素 */
.element {
display: none;
}
/* 顯示元素 */
.element {
display: block;
}
/* 透明度控制 */
.element {
opacity: 0; /* 完全透明 */
opacity: 0.5; /* 50%不透明 */
opacity: 1; /* 完全不透明 */
}
/* 可見性控制，類似于隱藏 */
.element {
visibility: hidden;
}
/* 鼠標懸停時顯示元素 */
.element:hover {
display: block;
}

上述代碼中，“display: none;”可以將元素完全隱藏，而“visibility: hidden;”則可以將元素保留在頁面中，但不可見。此外，透明度控制也可以使元素在頁面中可見但看起來比較淡。

要顯示元素，可以使用“display: block;”將元素設置為塊級元素并顯示。另外，當鼠標懸停在元素上時，可以通過:hover偽類將元素顯示出來。

CSS元素的顯示與隱藏是前端開發中一個非常實用的功能，在網站設計中也經常被運用。熟練掌握相關代碼可以讓開發人員更加高效地完成工作。