CSS3中有一個(gè)非常實(shí)用的隱藏元素的屬性，就是display屬性中的none屬性。這個(gè)屬性可以將選中的塊級元素隱藏起來，使得網(wǎng)站的布局更加簡潔。

/* 隱藏元素 */
.hidden {
display: none;
}

有時(shí)候，我們需要根據(jù)一些條件來隱藏或者顯示某些塊級元素。這時(shí)候就可以通過JavaScript來控制CSS樣式中的display屬性，實(shí)現(xiàn)根據(jù)不同的條件來動態(tài)地隱藏或者顯示元素。

// 獲取需要控制的元素
const element = document.querySelector('.hidden-element');
// 條件判斷，決定是否隱藏元素
if (條件滿足) {
element.style.display = 'none';
} else {
element.style.display = 'block';
}

除了display：none屬性，還可以通過設(shè)置opacity屬性為0或者visibility屬性為hidden來隱藏元素。不同的隱藏方式有不同的特點(diǎn)，需要根據(jù)實(shí)際情況選擇使用。