CSS中的“隱藏”有三種表現形式：display:none、visibility:hidden和opacity:0。這三種隱藏方式的作用是完全不同的，下面就一一介紹它們的區別。 display:none：元素不顯示，也不占據網頁空間。它會導致元素完全消失，無法通過JavaScript或CSS改變其屬性或任何其他形式的交互。常常被用于動態控制網頁內容，比如點擊一個按鈕，使某個元素消失或出現。被隱藏的元素不會對排版產生任何影響，比如沒有display:none的元素占據了一個位置。它的CSS樣式表達式是：

p {
display: none;
}

visibility:hidden：元素不顯示，但會占據網頁空間。元素會在文檔流中占據空間，等價于它們本來應該出現的位置。但是，它們寬度和高度仍然是0，無法讀取文本內容。元素被隱藏了，但不會影響其他元素的位置和大小。常常被用作動畫特效的過場。它的CSS樣式表達式是：

p {
visibility: hidden;
}

opacity:0：元素不顯示，但會占據網頁空間。元素完全透明，它不僅透明本身的顏色，也透明它自己及其子元素的所有內容。被設置成opacity:0的元素不會占據位置，但是其他元素仍然可以與它發生相互作用。常常被用于彈出框的遮罩層。它的CSS樣式表達式是：

p {
opacity: 0;
}

以上是三種隱藏方式的區別，每種方式都有自己的優缺點。正確選擇合適的隱藏方式可以使開發工作更加高效和便捷。