1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

DOM Inspector(查看器)使用经验之一

本帖由 不学无术2006-08-07 发布。版面名称:网站运营

  1. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    这篇关于 Firefox 的 DOM Inspector(查看器) 的使用经验,只是我在使用该工具的过程中所以用到的某些方面,有感于该工具的实用性,很多功能可以为我们提供有价值的参考信息。

    当我们查看一份文档的 DOM 时,右侧窗口栏顶部有个选择菜单,默认为“DOM Node”,即 DOM 节点对象。根据你在左边节点树上的选择,会显示对应的节点的一些信息。

    在那下拉菜单中,选择“CSS Style Rules”,就会显示每个节点的样式规则。我们注意到规则列表的第一行,通常在“文件”列中显示的是“resource: //gre/res/html.css”。我觉得这个就是 Firefox 对于 HTML 元素默认的样式。在地址栏中输入该地址,就可以查看到该样式表。

    分析该样式表,我们可以了解到很多 CSS 的用法,以及默认情况下元素所呈现的样式,有助于我们进一步编写 CSS 文件和定义我们的元素样式。

    http://www.purewhite.cn/?p=45