# 使用Firebug查看和编辑HTML和CSS ## 描述 在本章节的教程中,我们将讨论如何使用Firebug查看和编辑HTML和CSS。 ## 使用Firebug查看和编辑HTML 在你要查看的元素上右击鼠标然后点 **Inspect Element(查看元素)**. ![inspect-html-firebug](https://box.kancloud.cn/2015-12-13_566d21d246ba7.gif) 现在在Firebug窗口上点击**Edit(编辑)** 。 ![inspect-html-firebug1](https://box.kancloud.cn/2015-12-13_566d21d25aa9f.gif) 修改代码 <h1>Components of Firebug</h1> . ![inspect-html-firebug2](https://box.kancloud.cn/2015-12-13_566d21d2b9366.gif) 你只要在Firebug窗口上修改代码就能实时的查看修改后代码在浏览器上的显示效果,你也可以复制代码到你的HTML文件中。 ## 使用Firebug查看和编辑Css 鼠标右击你要查看的元素然后点击**Inspect Element(查看元素)**。如下图所示点击样式文件 ![inspect-css-firebug](https://box.kancloud.cn/2015-12-13_566d21d31f038.gif) 通过修改代码为 **color:red;** 来修改标题颜色 修改完成后你可以马上看到修改后的效果。 现在你可以复制修改后的样式,取代原有的代码并保存,使之生效: ![inspect-css-firebug2](https://box.kancloud.cn/2015-12-13_566d21d37c56e.gif)