審查元素是網頁開發中不可或缺的工具，它可以幫助我們查看網頁中的HTML，CSS及JavaScript代碼，以便更好地理解網頁的結構和設計。

在審查元素中，我們可以輕松地找到任何一個元素的CSS樣式。要找到網頁中的CSS規則，需要激活審查元素，然后選擇想要的元素。接著，在右側的樣式面板中就可以看到所有樣式屬性和對應的值。如果想要查看元素的繼承樣式，可以將鼠標移到該元素的樣式名上，這樣就可以看到它的繼承樣式。

代碼示例：
 <div class="box" style="background-color: #f8f8f8; color: #333; height: 50px; width: 150px;>
<p>這是一個BOX。</p>
 </div>
.box {
padding: 10px;
border: 1px solid #333;
text-align: center;
}

上面的代碼是一個DIV的示例。在審查元素中選擇該元素，就可以在樣式面板中查看到它所有的CSS屬性，包括直接樣式和繼承樣式。我們可以看到，該元素包含了一個樣式類"box"，它定義了邊框、內邊距和文本對齊方式。

此外，在審查元素中也可以很方便地修改元素的CSS屬性。只需在樣式面板中更改屬性值即可，然后就可以實時查看到修改后的效果。這樣可以節省我們大量的時間和精力，從而更好地完成網頁的開發。