首頁 > web前端 > css教學 > 怎麼看網頁css

怎麼看網頁css

青灯夜游
發布: 2021-10-12 15:37:55
原創
11739 人瀏覽過

查看網頁css的方法:1、在瀏覽器中開啟指定網頁;2、在網頁空白處,點擊滑鼠右鍵,選擇「審查元素」選項或按「F12」鍵,開啟開發者控制面板;3、選擇「Elements」選項卡,點擊網頁元素即可在控制面板右側查看對應的css代碼。

怎麼看網頁css

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

查看網頁css的方法:

1、在瀏覽器中開啟指定網頁

2、開啟開發者控制面板

在網頁空白處,點選滑鼠右鍵,選擇類似「開發者模式」或是「審查元素」的選項或是按「F12」

怎麼看網頁css

怎麼看網頁css

3、在控制面板中,選擇「Elements」選項卡,點擊網頁元素即可在控制面板右側查看對應的css程式碼。

怎麼看網頁css

如上圖所示:

我們可以透過控制面板左側的程式碼位置對照網站的DIV層級在右側查看到對應的css樣式,樣式表名稱,以及樣式表行位置。如圖所示清楚的標註了註冊表名稱為w5.css,同時樣式表程式碼所在的位置在w5.css第33行。

同時我們在控制面板裡也可以對css樣式或html的程式碼div樣式進行前台測試編輯,來調試效果,當然你的操作不會改變到網站伺服器端的樣式或是網頁,只是你本地的測試頁面,F5刷新後便會恢復預設樣式。

(學習影片分享:css影片教學

以上是怎麼看網頁css的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板