如何查看網(wǎng)頁(yè)css

這篇文章給大家分享的是有關(guān)如何查看網(wǎng)頁(yè)css的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

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

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

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

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

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

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

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

如上圖所示：

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

同時(shí)我們?cè)诳刂泼姘謇镆部梢詫?duì)css樣式或是html的代碼div樣式進(jìn)行前臺(tái)測(cè)試編輯，來(lái)調(diào)試效果，當(dāng)然你的操作不會(huì)改變到網(wǎng)站服務(wù)器端的樣式或是網(wǎng)頁(yè)，只是你本地的測(cè)試頁(yè)面，F(xiàn)5刷新后便會(huì)恢復(fù)默認(rèn)樣式。

感謝各位的閱讀！關(guān)于“如何查看網(wǎng)頁(yè)css”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！