CSS3中的display屬性是用于控制元素的顯示方式的。其中，display:none屬性可以將元素隱藏起來，使其不再在頁面上顯示。

.hidden {
display: none;
}

這個屬性非常適用于需要在頁面中動態添加或刪除元素的情況下。在此情況下，我們可以使用display:none屬性來掩蓋已刪除的元素，使其不再占據空間，而在需要時，再通過JavaScript動態將元素所對應的display屬性值改變為“block” 或“inline”，讓其再次顯示出來。

display:none在隱藏元素的同時還會將該元素內部的所有內容也隱藏，包括文本、子元素、圖片等等，因此它在某些情況下也可以用來實現一些特殊的效果，如實現頁面中的圖形Hover效果、圖像輪播等。

.box {
width: 200px;
height: 150px;
background-color: #ccc;
position: relative;
}
.box:hover .hidden {
display: block;
}
.hidden {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: #f00;
width: 100%;
height: 100%;
}

上述代碼實現了一個簡單的Hover效果，當鼠標懸停在.box元素上時，會將.hidden元素的display屬性修改為“block”，從而顯示出來。

總之，display:none屬性在WEB頁面設計中具有非常廣泛的應用范圍，它不僅可以用來動態控制元素的顯示狀態，還可以用來實現各種奇特的效果，不過需要注意使用時盡量避免濫用。