使用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; 來修改標題顏色

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

現在你可以複製修改過的樣式，取代原有的程式碼並儲存，使之生效：