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页面设计中具有非常广泛的应用范围，它不仅可以用来动态控制元素的显示状态，还可以用来实现各种奇特的效果，不过需要注意使用时尽量避免滥用。