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 的樣式。

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

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

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