HTML工具，用于确定样式的来源

Question

我有一个ASP.NET页面，我需要弄清楚文本框的样式来自哪里。 为页面定义了几个样式表，我希望能够使用某种工具/编辑器，它将告诉我使用了哪些样式以及从哪个文件呈现文本框。

谢谢。

Answer 1

将Firefox与Firebug一起使用并检查文本框。 Firebug是最有用的工具。

Answer 2

在IE中，您可以使用IE Developer Toolbar 。 但我是FireFox for FireFox的粉丝。

评论： Bernard Chhun推荐使用FireBug Lite作为IE Dev Toolbar的替代品。 它也适用于Opera和Safari。

Answer 3

大多数浏览器都有开发人员工具（内置或扩展），可以显示应用规则的级联顺序 。

对于Firefox，有Firebug扩展 ，Safari（WebKit）有Web Inspector ，Opera有Dragonfly ，Internet Explorer有Internet Explorer开发者工具栏 。

Answer 4

Firefox的Web开发人员工具栏有CSS和元素检查器，我发现它非常有用。

您还可以在浏览器中修改CSS，这样您就可以调整布局而无需返回IDE