CSS中的隱藏和顯示屬性是Web開發中常用的操作，可以用來控制元素在頁面中的顯示與隱藏。常用的隱藏和顯示屬性有以下幾種：

display:none;
visibility:hidden;
opacity:0;

其中，display:none;是把元素完全隱藏，不占據頁面中的空間；visibility:hidden;是把元素隱藏但占據頁面中的空間；opacity:0;是改變元素的透明度來達到隱藏的效果。

下面我們分別來看一下這幾種屬性的使用方法和注意事項。

1.display:none;

/* 將id為box的元素隱藏 */
#box {
display:none;
}

display:none;隱藏元素后，雖然元素不再顯示在頁面上，但它在文檔流中已經不存在，即不占據頁面中的空間，所以可以用來實現內容的動態顯示和隱藏。

2.visibility:hidden;

/* 將id為box的元素隱藏 */
#box {
visibility:hidden;
}

visibility:hidden;隱藏元素后，它還是存在于文檔流中，仍然占據頁面中的空間，所以經常被用來實現菜單的下拉與隱藏。

3.opacity:0;

/* 將id為box的元素隱藏 */
#box {
opacity:0;
}

opacity:0;隱藏元素后，它仍然存在于文檔流中，仍然占據頁面的空間，只是變成了無法看見的狀態。該屬性常用于實現頁面的漸入漸出效果。

需要注意的是，以上三種屬性雖然都能實現元素的隱藏，但是它們的使用場景是不同的。我們需要根據實際需求選擇相應的屬性來實現我們的設計效果。