這篇文章將為大家詳細(xì)講解有關(guān)查看DIV被設(shè)置成什么CSS樣式的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
查看DIV被設(shè)置的CSS樣式的方法:1、按組合快捷鍵【Ctrl+Shift+C】,然后鼠標(biāo)移到被查看的元素上進(jìn)行查看;2、單擊被審查的元素;3、鼠標(biāo)右鍵點擊【檢查】即可。
查看DIV被設(shè)置什么CSS樣式
前臺網(wǎng)頁的元素是通過CSS樣式展現(xiàn)的,前端開發(fā)者可以通過工具對網(wǎng)頁上的CSS進(jìn)行查看或調(diào)試。
推薦使用谷歌瀏覽器或火狐瀏覽器,這兩種瀏覽器有強大的控制臺,都是前端開發(fā)者必備的調(diào)試工具之一。
下面以谷歌Chrome瀏覽器為例(火狐瀏覽器類似):
1、按組合快捷鍵 Ctrl+Shift+C
如上圖,在當(dāng)前頁面按組合鍵Ctrl+Shift+C,然后鼠標(biāo)移到被查看的元素上,元素被置為可審查的狀態(tài)。
2、單擊被審查的元素
如上圖,當(dāng)前元素的CSS樣式在控制臺右側(cè)都列出來了。
可以通過編輯右側(cè)的CSS屬性,對頁面的展現(xiàn)樣式作調(diào)試,很方便。
更快捷的方法:
接下來的步驟和上面的一致。
關(guān)于“查看DIV被設(shè)置成什么CSS樣式的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。