CSS作為網頁設計中非常重要的一部分，其控制頁面樣式的能力也越來越被重視。隱藏是其中一個常見的操作，本文將介紹CSS中幾種常見的隱藏方式。

/*1.display:none*/
.hidden{
display:none;
}

這種隱藏方式是將元素從頁面流中移除，不會占用頁面空間，也不能被訪問到。常用于動態顯示隱藏某些元素。

/*2.visibility:hidden*/
.hidden{
visibility:hidden;
}

這種方式和display:none相似，但是并沒有將元素從頁面流中移除，而是將它隱藏。元素依舊占用頁面空間，只是看不到罷了。

/*3.opacity:0*/
.hidden{
opacity:0;
}

這種方式是將元素透明度設置為0，也能隱藏元素，但是和 visibility:hidden 不同的是，它仍然存在，占據頁面的空間。

/*4.position:absolute;left:-9999px*/
.hidden{
position:absolute;
left:-9999px;
}

這種方式是將元素移動到頁面外面，通過改變元素的 position 值將它移到頁面之外。雖然仍占用頁面空間，但是這種方式不會影響其他元素排列。

以上就是CSS中常見的幾種隱藏方式，每種方法都有其獨特的使用場景，需要根據具體的需求選擇適合自己的隱藏方式。