查看網(wǎng)頁css的方法：1、在瀏覽器中打開指定網(wǎng)頁；2、在網(wǎng)頁空白處，點擊鼠標右鍵，選擇“審查元素”選項或按“F12”鍵，打開開發(fā)者控制面板；3、選擇“Elements”選項卡，點擊網(wǎng)頁元素即可在控制面板右側(cè)查看相應(yīng)的css代碼。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

查看網(wǎng)頁css的方法：

1、在瀏覽器中打開指定網(wǎng)頁

2、打開開發(fā)者控制面板

在網(wǎng)頁空白處，點擊鼠標右鍵，選擇類似“開發(fā)者模式”或是“審查元素”的選項或是按“F12”

3、在控制面板中，選擇“Elements”選項卡，點擊網(wǎng)頁元素即可在控制面板右側(cè)查看相應(yīng)的css代碼。

如上圖所示：

我們可以通過控制面板左側(cè)的代碼位置對照網(wǎng)站的DIV層級在右側(cè)查看到對應(yīng)的css樣式，樣式表名稱，以及樣式表行位置。如圖所示清楚的標注了注冊表名稱為w5.css，同時樣式表代碼所在的位置在w5.css第33行里。

同時我們在控制面板里也可以對css樣式或是html的代碼div樣式進行前臺測試編輯，來調(diào)試效果，當(dāng)然你的操作不會改變到網(wǎng)站服務(wù)器端的樣式或是網(wǎng)頁，只是你本地的測試頁面，F(xiàn)5刷新后便會恢復(fù)默認樣式。

（學(xué)習(xí)視頻分享：css視頻教程）