CSS 是前端開(kāi)發(fā)的核心技術(shù)之一，它可以幫助我們美化網(wǎng)頁(yè)，增加用戶體驗(yàn)。在某些情況下，我們會(huì)需要隱藏某些元素，讓頁(yè)面更加精簡(jiǎn)，本文將介紹幾種 CSS 樣式隱藏元素的方法。 1. display:none; display:none; 是最基本的隱藏元素的方法之一。這個(gè)屬性可以完全的隱藏一個(gè)元素，它不僅僅是從用戶視覺(jué)上讓元素消失了，而是從 DOM 結(jié)構(gòu)中移除了它。這意味著元素不會(huì)占用任何空間，也不會(huì)影響其他元素的位置。 pre { display:none; } 2. visibility:hidden; visibility:hidden; 與 display:none; 相似，它可以讓一個(gè)元素隱藏，但是元素仍然存在于 DOM 結(jié)構(gòu)中。它相較于 display:none; 的優(yōu)勢(shì)在于在它應(yīng)用的元素上可以觸發(fā)鼠標(biāo)事件。 pre { visibility:hidden; } 3. opacity:0; opacity:0; 不會(huì)將元素從 DOM 結(jié)構(gòu)中移除，而是讓元素透明度變?yōu)?0。元素仍舊存在，它在頁(yè)面的布局中依然占據(jù)空間。opacity 可以作為hover的效果，放在鼠標(biāo)懸停的狀態(tài)下，可讓被隱藏的元素逐漸顯示。 pre { opacity:0; } 綜上，以上三種方法都可以用來(lái)隱藏元素，你可以根據(jù)需求選擇一種適合自己的方法。無(wú)論哪種方法，它們都有各自的優(yōu)勢(shì)和劣勢(shì)，在具體需求下巧妙運(yùn)用才是最好的方法。