在網頁設計中，有時需要讓某些元素在頁面加載時不可見，等到某些條件滿足后再顯示出來。這時就需要使用CSS樣式實現元素的隱藏和顯示。以下是幾種常用的方法：

/* 方式一：display屬性 */
/* 隱藏元素 */
.hidden {
display: none;
}
/* 顯示元素 */
.show {
display: block;
}
/* 方式二：visibility屬性 */
/* 隱藏元素 */
.hidden {
visibility: hidden;
}
/* 顯示元素 */
.show {
visibility: visible;
}
/* 方式三：opacity屬性 */
/* 隱藏元素 */
.hidden {
opacity: 0;
}
/* 顯示元素 */
.show {
opacity: 1;
}
/* 方式四：height和width屬性 */
/* 隱藏元素 */
.hidden {
height: 0;
width: 0;
}
/* 顯示元素 */
.show {
height: auto;
width: auto;
}

以上幾種方式都可以實現元素的隱藏和顯示，具體使用哪種方法要根據實際情況進行選擇。比如，如果是需要在用戶點擊某個按鈕后顯示一個彈窗，可以使用display或opacity屬性；如果是需要在頁面中控制元素的顯隱，可以使用visibility或height/width屬性。