03
2021
04

使用Firebug查看和编辑HTML和CSS

Firebug 官网宣布已停止继续开发、更新维护 Firebug 的通知,邀请大家使用 Firefox 内置工具 DevTools。

描述

在本章节的教程中,我们将讨论如何使用Firebug查看和编辑HTML和CSS。


使用Firebug查看和编辑HTML

在你要查看的元素上右击鼠标然后点 Inspect Element(查看元素).

inspect-html-firebug.gif现在在Firebug窗口上点击Edit(编辑) 。inspect-html-firebug1.gif修改代码 <h1>Components of Firebug</h1> .inspect-html-firebug2.gif

你只要在Firebug窗口上修改代码就能实时的查看修改后代码在浏览器上的显示效果,你也可以复制代码到你的HTML文件中。

使用Firebug查看和编辑Css

鼠标右击你要查看的元素然后点击Inspect Element(查看元素)。如下图所示点击样式文件

inspect-css-firebug.gif通过修改代码为 color:red; 来修改标题颜色


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


现在你可以复制修改后的样式,取代原有的代码并保存,使之生效:

inspect-css-firebug2.gif

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。