Firefox中使用Firebug插件调试CSS
2009-08-23 11:08
471 查看
由于CSS可多级继承,并且其权重值的计算比较复杂,因此在设计网页时往往出现一些意料不到的效果,且不容易调试。而使用Firefox的Firebug插件,可轻松调试CSS.
Ctrl + Shift + C: 将在新标签页中查看影响当前网页的所有CSS文件。
从菜单中访问:工具 -> Firebug -> 查看元素,可在Firefox的下端展开Firebug控制面板,用鼠标指向网页上不同区域,将用蓝色边框自动标出所指区域,Firebug的HTML标签下的内容自动与所指区域同步,且样式标签也自动列出所有影响该区域的CSS选择器。找到某个区域后,单击鼠标,可选定该区域。通过查看右边样式标签的各个CSS选择器,必要时在某些属性前单击鼠标以屏蔽或取消屏蔽该属性的设定,可快速地调试相应的CSS。单击属性值,可以修改该属性值,Firefox将自动应用该结果。但这种方式下的修改不会保存,重新刷新页面将丢弃所有的修改。
Ctrl + Shift + C: 将在新标签页中查看影响当前网页的所有CSS文件。
从菜单中访问:工具 -> Firebug -> 查看元素,可在Firefox的下端展开Firebug控制面板,用鼠标指向网页上不同区域,将用蓝色边框自动标出所指区域,Firebug的HTML标签下的内容自动与所指区域同步,且样式标签也自动列出所有影响该区域的CSS选择器。找到某个区域后,单击鼠标,可选定该区域。通过查看右边样式标签的各个CSS选择器,必要时在某些属性前单击鼠标以屏蔽或取消屏蔽该属性的设定,可快速地调试相应的CSS。单击属性值,可以修改该属性值,Firefox将自动应用该结果。但这种方式下的修改不会保存,重新刷新页面将丢弃所有的修改。
相关文章推荐
- 使用firefox的firebug插件进行网页js调试----firebug使用
- firebug插件-如何使用firefox进行网页js调试
- 使用firefox的firebug插件进行网页js调试----firebug使用
- firebug插件-如何使用firefox进行网页js调试
- 使用firefox的firebug插件进行网页js调试----firebug使用
- Jquery使用Firefox FireBug插件调试Ajax步骤讲解
- 使用firefox的firebug插件进行网页js调试----firebug使用
- Jquery使用Firefox FireBug插件调试Ajax步骤讲解
- 使用firefox的firebug插件进行网页js调试----firebug使用
- FireFox的firebug插件的安装与使用
- firefox顶级网页开发调试插件-firebug
- firefox插件Firebug的使用教程
- firefox插件Firebug的使用教程
- firefox插件Firebug的使用教程
- 《切入口web教学――使用firebug调试css代码》录制完成
- firefox几个好用的js,css调试插件
- 如何使用FireFox插件FirePHP调试PHP
- firefox插件Firebug的使用教程
- 如何使用FireFox插件FirePHP调试PHP
- 如何使用火狐Firefox的Zend Firefox Toolbar插件和Zend Studio进行代码调试