CSS隱藏和不可見的概念是web前端開發的基礎，掌握好這些概念對于開發工作至關重要。

在CSS中，有兩種方式隱藏元素，分別是display:none和visibility:hidden。

// display:none的應用
.hide{
display:none;
}

使用display:none會完全隱藏元素，不占用任何布局空間，常見的應用場景是要掩蓋一個不需要顯示的元素，比如錯誤信息框或者無用的元素。

// visibility:hidden的應用
.hide{
visibility:hidden;
}

而visibility:hidden只是讓元素不可見，但是仍保留原有的布局空間。常見的應用場景是隱藏元素但是仍需要保留相應的占位空間，比如菜單欄、圖標等等。

需要注意的是，雖然在頁面上看不到元素，但是他們仍然存在于DOM中。這意味著它們仍然存在于文檔流中，并且消耗資源。所以，在使用這兩種隱藏方式時，一定要結合實際情況謹慎使用，以避免不必要的問題。