如何调试应用css的html代码?

时间:2013-10-28 09:56:52

标签: javascript jquery html css


我有一些我从网上下载的演示示例,它使用了一些css和java脚本,其中一个的代码非常简单,并且没有指定任何样式。
但是当我打开html时在chrome中的页面并查看源代码,我看到宽度和高度等样式元素 有很多css被导入,我如何调试和到达在这个div上应用样式的代码?
任何帮助非常感谢。
提前谢谢。

3 个答案:

答案 0 :(得分:5)

您可以使用浏览器中的开发人员工具详细查看代码,甚至可以进行一些CSS / HTML更改,以查看此更改在浏览器中的外观。

Internet Explorer 中,您可以按F12查看开发者工具。

Chrome 中,右键单击并“检查元素”,然后在 Mozilla (我最喜欢的)中使用Firebug扩展程序......

答案 1 :(得分:2)

这里非常简单的答案是使用 FIREBUG 一个firefox插件。 如果您使用的是Chrome,请执行右键单击检查元素

这将有助于您详尽地调试html代码。

希望这有帮助。

答案 2 :(得分:0)

如果您使用的是Chrome,请右键单击=>检查,选择一个属性,将显示CSS文件