在前端開發中，有時需要將某些元素隱藏起來，CSS提供了多種方法實現元素隱藏。其中， display、 visibility 和 opacity 是最常見的三種方式。下面我們將分別介紹這三種方式的使用。

/* display: none是最常見的隱藏方式，可以隱藏元素并將其從文檔流中移除 */
.hide {
display: none;
}

下面是visibility的使用。

/* visibility: hidden能夠隱藏元素而不改變文檔流，但元素仍然存在 */
.hide {
visibility: hidden;
}

下面是opacity的使用。

/* opacity: 0將元素透明度設為0，雖然元素可見但無法響應用戶操作 */
.hide {
opacity: 0;
}

需要注意的是，以上三種方式都適用于單個元素的隱藏。如果需要隱藏一組元素，可以考慮添加class并在CSS中統一設置。此外，也可以使用JavaScript來動態控制元素的隱藏和顯示。