App下載

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

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

CSS 是用來(lái)設(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 的樣式。

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

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

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

調(diào)試CSS樣式

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

CSS

0 人點(diǎn)贊