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

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

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

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

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

我們?cè)诓榭吹降?CSS 代碼下方直接輸入我們想要設(shè)置的樣式，左邊的樣式隨之改變。此方法僅適用于演示效果，并不會(huì)改變?cè)次募?/p>

以上就是文章“怎么查看網(wǎng)頁(yè)的 CSS？怎么調(diào)試 CSS？”的全部?jī)?nèi)容。更多 CSS 學(xué)習(xí)請(qǐng)關(guān)注 w3cschool。