CSS是前端開發中的重要技術之一，它可以用來控制頁面的樣式，使得網頁美觀易讀。CSS還可以幫助我們隱藏或顯示頁面中的一些元素，使得頁面更加清晰和簡潔。下面我們來看一下如何使用CSS樣式來設置元素為隱藏狀態。

/*在CSS中，我們可以使用display屬性來隱藏元素*/
.hidden{
display: none;
}

上面的CSS代碼中，我們定義了一個名為.hidden的類，這個類的display屬性被設置為none，這意味著這個元素將不會在網頁中顯示出來。

同時，我們也可以通過JavaScript來控制元素的隱藏和顯示。例如，我們可以在點擊某個按鈕時，控制一個元素的顯示狀態：

/*首先，我們需要給按鈕添加一個事件監聽*/
<button onclick="toggleVisibility()">點擊我</button>
/*然后，在JavaScript中，我們定義toggleVisibility函數，用來切換元素的可見狀態*/
function toggleVisibility(){
var element = document.getElementById("target");
if (element.style.display === "none") {
element.style.display = "block";
} else {
element.style.display = "none";
}
}

上面的JavaScript代碼中，我們通過getElementById方法獲取到了頁面上的某個元素，并在toggleVisibility函數中判斷了它當前的狀態，然后通過修改style.display屬性來改變元素的可見狀態。

總之，在開發過程中，我們會經常需要隱藏某些元素，這時候，CSS樣式和JavaScript都可以幫助我們實現這個目標。需要根據實際情況選擇不同的方法來控制元素的顯示和隱藏。