CSS3中有很多有趣的新特性，其中一個非常實用的功能是可隱藏的DIV。在CSS3中，我們可以使用新的display屬性值——none——來實現DIV的隱藏以及顯示，而不需要使用JavaScript或其它編程語言。

下面我們來看看如何使用CSS3和DIV來隱藏元素：

/* 隱藏DIV */
div.hidden {
display: none;
}

如上所示，我們只需要將想要隱藏的DIV的display屬性設置為none，就可以實現DIV的隱藏。通過給DIV設置一個特定的類名，我們可以針對需要隱藏的特定元素進行操作。

如果我們想讓DIV重新顯示出來，只需要去掉display:none的屬性值即可：

/* 顯示DIV */
div.hidden {
display: block;
}

隱藏元素在前端開發中非常實用，比如在導航菜單中，當用戶點擊某個菜單項時，只需要顯示與該菜單項相對應的DIV，而其它DIV則隱藏起來。這樣可以增加用戶體驗，也方便交互操作。

在代碼中使用pre標簽可以使代碼的顯示更加清晰明了，讓讀者更加容易理解代碼的含義。當然，在實際項目中，我們也可以使用SCSS或LESS等預編譯語言來編寫CSS代碼，以提高CSS的可維護性和可擴展性。