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