点击并使用Firefox编辑CSS？

Question

我希望能够点击网页的一部分并查看CSS标记。

什么CSS规则使用，类，ID等，并能够现场编辑它们。

我已经安装了Firebug和web开发人员插件，但我不知道该怎么做。

Answer 1

Firebug的装用鼠标右键单击要选择并点击检查元素的元素。

使用Web Developer Toolbar，按ctrl + shift + f打开概述框和显示元素的内容。

为了在执行检查元素后在萤火虫中编辑文件，只需单击各个元素或添加新元素即可更改值。请注意，如果没有额外的插件，这些数据将不会被保存。

有一个指南，这里使用Firebug：http://getfirebug.com/html

Answer 2

你需要在页面上点击右键并选择“Inspect Element”。

或者，您可以选择工具栏上的“检查元素”选项，当您将鼠标悬停在页面上的项目上时，鼠标下方的任何内容都将立即在Firebug窗口中显示出来。从这里你可以查看/编辑/操作底层html和css。

http://getfirebug.com/html

http://getfirebug.com/wiki/index.php/Main_Page

上面的链接可以被引用到现场为萤火虫和wiki有相当不错的信息也是如此。

Answer 3

Right Click->Inspect Element .....只要你想看到和选择检查元素的元素上点击右键...

Answer 4

用Firebug，右键单击并选择检查元素。

使用Web Developer工具栏，单击CSS，然后单击下拉菜单中的编辑CSS。

Answer 5

您可以使用Firebug检查正在使用的内容。在网上找到文档应该不会太难，一旦你明白了，你可以很容易地选择元素，看看它们的应用风格以及它们来自何处（包括继承和重写）。

也有很好的网页开发工具有很多的可能性：

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

这可能需要你一些时间去尝试他们全力以赴，找到你真的需要为你的任务的，但是理解已经应用到它的元素结构和CSS是有帮助的。

萤火虫也允许一些编辑，但有另一种工具，EditCSS

https://addons.mozilla.org/en-US/firefox/addon/editcss/

它打开侧边栏与所有的CSS，这是已经在那里，你可以在侧边栏（改变编辑，删除或根据需要添加内容）。

所有可以组合，萤火虫和网页开发人员了解已有的内容和EditCSS进行实时编辑。