CSS中的“隱藏”有三種表現(xiàn)形式：display:none、visibility:hidden和opacity:0。這三種隱藏方式的作用是完全不同的，下面就一一介紹它們的區(qū)別。 display:none：元素不顯示，也不占據(jù)網(wǎng)頁(yè)空間。它會(huì)導(dǎo)致元素完全消失，無(wú)法通過(guò)JavaScript或CSS改變其屬性或任何其他形式的交互。常常被用于動(dòng)態(tài)控制網(wǎng)頁(yè)內(nèi)容，比如點(diǎn)擊一個(gè)按鈕，使某個(gè)元素消失或出現(xiàn)。被隱藏的元素不會(huì)對(duì)排版產(chǎn)生任何影響，比如沒(méi)有display:none的元素占據(jù)了一個(gè)位置。它的CSS樣式表達(dá)式是：

p {
display: none;
}

visibility:hidden：元素不顯示，但會(huì)占據(jù)網(wǎng)頁(yè)空間。元素會(huì)在文檔流中占據(jù)空間，等價(jià)于它們本來(lái)應(yīng)該出現(xiàn)的位置。但是，它們寬度和高度仍然是0，無(wú)法讀取文本內(nèi)容。元素被隱藏了，但不會(huì)影響其他元素的位置和大小。常常被用作動(dòng)畫(huà)特效的過(guò)場(chǎng)。它的CSS樣式表達(dá)式是：

p {
visibility: hidden;
}

opacity:0：元素不顯示，但會(huì)占據(jù)網(wǎng)頁(yè)空間。元素完全透明，它不僅透明本身的顏色，也透明它自己及其子元素的所有內(nèi)容。被設(shè)置成opacity:0的元素不會(huì)占據(jù)位置，但是其他元素仍然可以與它發(fā)生相互作用。常常被用于彈出框的遮罩層。它的CSS樣式表達(dá)式是：

p {
opacity: 0;
}

以上是三種隱藏方式的區(qū)別，每種方式都有自己的優(yōu)缺點(diǎn)。正確選擇合適的隱藏方式可以使開(kāi)發(fā)工作更加高效和便捷。