通過CSS樣式，我們可以很方便地隱藏元素。下面將介紹三種常見的隱藏元素的方法：

1. display:none

.hide {
display: none;
}

使用display:none樣式可以將指定元素隱藏。它將元素在頁面中占用的空間也同時隱藏了。

2. visibility:hidden

.hide {
visibility: hidden;
}

使用visibility:hidden樣式同樣可以將指定元素隱藏，不同的是它隱藏的僅僅是元素本身，它在頁面中所占用的空間還在。因此，如果我們想要占用指定控件的位置，那么visibility:hidden是一個較好的選擇。

3. opacity:0

.hide {
opacity: 0;
}

使用opacity:0同時可以實現元素占用空間的隱藏和元素本身的隱藏。它的不同是，它將元素變為透明狀態。因此，它可以在需要動態顯示的時候方便地展示元素。