在網頁開發中，我們經常需要使用CSS來為頁面設置各種樣式。而當我們需要了解一個元素的CSS屬性時，可以通過將鼠標懸停在該元素上來查看其CSS屬性。

通過鼠標懸停CSS屬性，我們可以快速了解該屬性的具體含義以及當前元素的屬性值。同時，我們也可以通過修改屬性值來實時預覽頁面的效果。

例如，當我們需要設置一個元素的背景顏色時，可以將鼠標懸停在該元素上，查看其background-color屬性。我們可以通過修改該屬性的值，來實時預覽不同顏色背景的效果。
樣式代碼如下：
.box{
background-color: #f2f2f2;
width: 200px;
height: 100px;
border: 1px solid #ccc;
}
HTML代碼如下：
<div class="box"></div>
通過懸停在.box元素上，我們可以查看其background-color屬性值為#f2f2f2。我們可以通過修改該值來實時更改背景顏色。

總之，通過將鼠標懸停在元素上來查看CSS屬性，可以方便快捷地修改樣式，并實時預覽頁面效果。