App下載

怎么查看網(wǎng)頁的CSS?怎么調(diào)試CSS?

猿友 2021-05-22 11:14:53 瀏覽數(shù) (3766)
反饋

CSS 是用來設計控制網(wǎng)頁樣式的,當我們編寫一段 CSS 代碼后如何看到它所實現(xiàn)的樣式呢?那么這篇文章 w3cschool 小編告訴你怎么查看網(wǎng)頁的 CSS?怎么調(diào)試 CSS?

怎么查看網(wǎng)頁的 CSS?

當我們編寫一個網(wǎng)頁后,將它在瀏覽器上運行。我們需要按?F12?或者鼠標右擊選擇“檢查”,調(diào)出代碼頁面。將鼠標選中我們需要查看樣式的標簽,選擇右上方的 ?Style?,即可出現(xiàn)樣式。如下圖我們查看一個 div 的樣式。

怎么查看網(wǎng)頁的CSS

怎么調(diào)試網(wǎng)頁 CSS?

我們在查看到的 CSS 代碼下方直接輸入我們想要設置的樣式,左邊的樣式隨之改變。此方法僅適用于演示效果,并不會改變源文件。

調(diào)試CSS樣式

以上就是文章“怎么查看網(wǎng)頁的 CSS?怎么調(diào)試 CSS?”的全部內(nèi)容。更多 CSS 學習請關注 w3cschool

CSS

0 人點贊