查看網頁css的方法:1、在瀏覽器中開啟指定網頁;2、在網頁空白處,點擊滑鼠右鍵,選擇「審查元素」選項或按「F12」鍵,開啟開發者控制面板;3、選擇「Elements」選項卡,點擊網頁元素即可在控制面板右側查看對應的css代碼。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
查看網頁css的方法:
1、在瀏覽器中開啟指定網頁
2、開啟開發者控制面板
在網頁空白處,點選滑鼠右鍵,選擇類似「開發者模式」或是「審查元素」的選項或是按「F12」
3、在控制面板中,選擇「Elements」選項卡,點擊網頁元素即可在控制面板右側查看對應的css程式碼。
如上圖所示:
我們可以透過控制面板左側的程式碼位置對照網站的DIV層級在右側查看到對應的css樣式,樣式表名稱,以及樣式表行位置。如圖所示清楚的標註了註冊表名稱為w5.css,同時樣式表程式碼所在的位置在w5.css第33行。
同時我們在控制面板裡也可以對css樣式或html的程式碼div樣式進行前台測試編輯,來調試效果,當然你的操作不會改變到網站伺服器端的樣式或是網頁,只是你本地的測試頁面,F5刷新後便會恢復預設樣式。
(學習影片分享:css影片教學)
以上是怎麼看網頁css的詳細內容。更多資訊請關注PHP中文網其他相關文章!