使用Firebug查看和編輯HTML和CSS

描述

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

使用Firebug查看和編輯HTML

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

現在在Firebug窗口上點擊Edit（編輯） 。

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

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

使用Firebug查看和編輯Css

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

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

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

現在你可以復制修改後的樣式，取代原有的代碼並保存，使之生效：