CSS可以幫助我們實現很多在網頁設計中需要的功能，其中一個很常見的功能就是隱藏畫面元素。這個功能可以讓我們在需要的時候動態(tài)地顯示或隱藏特定的元素，還可以有效地節(jié)省頁面空間，讓頁面看起來更加整潔。

下面，我們來看看一些常用的CSS隱藏畫面元素的方法。

/*1. display: none*/
/*該屬性可以將元素從文檔流中刪除，使得它完全不占據頁面空間*/
.hidden1 {
display: none;
}

/*2. visibility: hidden*/
/*該屬性可以將元素隱藏，但元素依然占據頁面空間*/
.hidden2 {
visibility: hidden;
}

/*3. opacity: 0*/
/*該屬性可以將元素透明度設置為0，使得元素完全隱藏，但依然占據頁面空間*/
.hidden3 {
opacity: 0;
}

我們還可以結合JavaScript來實現更為靈活的隱藏畫面元素的效果。比如，我們可以使用setAttribute方法將元素的display屬性設為none，然后通過removeAttribute方法將其還原為原始的display屬性。

const ele = document.querySelector('.hidden4');
function hide() {
ele.setAttribute('style', 'display: none;');
}
function show() {
ele.removeAttribute('style');
}

綜上所述，CSS可以提供多種方式來隱藏畫面元素，我們可以根據具體的需求來選擇合適的方式，需要注意的是，我們在使用這些方式時，也要注意不要影響到其他元素的布局。