編程學習網 > 編程教程 > Firebug 教程
2015
09-29

使用Firebug查看和編輯HTML和CSS

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

使用Firebug查看和編輯HTML和CSS


描述

在本章節的教程中,我們將討論如何使用Firebug查看和編輯HTML和CSS。

使用Firebug查看和編輯HTML

在你要查看的元素上右擊鼠標然后點?Inspect Element(查看元素).

inspect-html-firebug

現在在Firebug窗口上點擊Edit(編輯)?。

inspect-html-firebug1

修改代碼 <h1>Components of Firebug</h1> .

inspect-html-firebug2

你只要在Firebug窗口上修改代碼就能實時的查看修改后代碼在瀏覽器上的顯示效果,你也可以復制代碼到你的HTML文件中。


使用Firebug查看和編輯Css

鼠標右擊你要查看的元素然后點擊Inspect Element(查看元素)。如下圖所示點擊樣式文件

inspect-css-firebug

通過修改代碼為 color:red; 來修改標題顏色

修改完成后你可以馬上看到修改后的效果。

現在你可以復制修改后的樣式,取代原有的代碼并保存,使之生效:

inspect-css-firebug2

掃碼二維碼 獲取免費視頻學習資料

編程學習