CSS中有一個非常實用的功能：可以通過懸浮來顯示或者隱藏元素。這種特性廣泛應用于網頁設計中，讓頁面變得更加美觀動人。

代碼示例：
.hover-div{
display:none;
position:absolute;
top:30px;
left:0;
}
.hover-item:hover .hover-div{
display:block;
}

以上代碼創建了一個元素，當鼠標懸浮在其他元素上時，該元素將自動出現，當鼠標移開時自動隱藏。在這里，我們可以看到“hover”類被用作觸發器，當其它元素被懸浮時，將激活其內部的內容。使用這種特性可以實現菜單的下拉、提示框等特效。

當然，如果僅僅是單個標簽，我們也可以使用CSS的“hover”偽類來實現元素的懸浮。例如在鏈接中添加樣式：

a:hover{
color:red;
}

以上代碼定義了一個鏈接，當鼠標懸浮在鏈接上時，鏈接的文字顏色將變為紅色。同樣的，我們可以使用hover來改變圖片的顯示效果：

.hover-img{
opacity:0.5;
filter:alpha(opacity=50);
/* IE8 */
}
.hover-img:hover{
opacity:1;
filter:alpha(opacity=100);
/* IE8 */ 
}

以上代碼定義了一張圖片，當鼠標懸浮于圖片上時，圖片的不透明度將從0.5變為1，這種效果可以很好地應用于圖片的放大、縮小效果。

因此，我們可以看到，使用CSS來實現元素的懸浮顯示隱藏非常的靈活，可以應用在各種情景之中，讓頁面看起來更加美觀實用。