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

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

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

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

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