“CSS 属性”任务窗格

可以将“CSS 属性”任务窗格与打开的网页、外部 CSS 文件或“管理样式”任务窗格相继配合使用,以检查和更改现有样式的属性和值。

将“CSS 属性”任务窗格与网页配合使用时,可以通过该任务窗格快速查看网页中当前选中内容使用的所有样式、这些样式的优先顺序以及这些样式的所有属性和值。

Cc294861.alert_note(zh-cn,Expression.10).gif说明:

如果“网页编辑器选项”对话框的“创作”选项卡中选定的 CSS 架构不支持某 CSS 属性,则该属性的值列表在“新建样式”和“修改样式”对话框中会显示为空白,且该属性不会列在“CSS 属性”任务窗格中。有关详细信息,请参阅为 CSS 设置智能感知选项

“CSS 属性”任务窗格

Cc294861.7c2ee192-4f0e-4d33-ba34-7644b9c5b910(zh-cn,Expression.10).bmp

  1. “显示分类列表”按钮 Cc294861.f6f6b870-3c37-4a8a-9559-4b7022efa93e(zh-cn,Expression.10).gif 可将属性列表按照类别(如“字体”和“块”)组织。

    “显示按字母顺序排序的列表”按钮 Cc294861.6091e454-3f01-443c-ac9d-aa9feea0b862(zh-cn,Expression.10).gif 可将属性列表组织成一个按字母顺序排列的列表。

    “在前端显示已设置的属性”按钮 Cc294861.cfe221c4-3cd0-4c3f-815e-ebee15b6faf2(zh-cn,Expression.10).gif 可将属性列表按照所选样式中已设置的属性出现在列表前面的方式组织。

  2. 摘要”按钮可将所有影响当前选中内容的属性都列在“CSS 属性”列之下,而不是仅列出所选样式的属性。在摘要模式下,可以单击“CSS 属性”之下的某个属性,从而在“应用的规则”下显示相关规则的概要。若要退出摘要模式,请再次单击“摘要”或单击“应用的规则”之下的任意规则。

  3. 应用的规则”列出影响当前选中内容的各个样式的选择器。样式按照优先级以升序在列表中列出,顶部为优先级最低的样式,底部为优先级最高的样式。

    指向某个选择器,可以通过屏幕提示看到完整的规则集。选择一个选择器,可在“CSS 属性”之下显示其属性。双击一个选择器,可转到该规则集的代码。

  4. 此列列出了应用每个样式的标记以及该样式的选择器。指向此列中的某一行,可查看应用的规则。如果选中的样式位于内部 CSS 中,则该列的标签为“当前网页”;如果选中的样式位于外部 CSS 中,则该列的标签为外部 CSS 文件的名称。指向外部 CSS 文件名可看到该文件的路径,或单击外部 CSS 文件名以打开该文件。

  5. CSS 属性”列出您在“应用的规则”下选择的样式中设置的属性值以及所有未设置的属性。双击一个属性,可转到该规则集的代码。

  6. 当同时选中“显示分类列表”按钮 Cc294861.f6f6b870-3c37-4a8a-9559-4b7022efa93e(zh-cn,Expression.10).gif 和“在前端显示已设置的属性”按钮 Cc294861.cfe221c4-3cd0-4c3f-815e-ebee15b6faf2(zh-cn,Expression.10).gif 时,所选样式的属性都出现在每个类别的属性列表前面。

  7. 若要设置属性值,可以在属性名称旁的框中键入一个值,也可以指向该框并单击(如果可用)下拉箭头按钮 Cc294861.0b8d1f68-5b69-4cd1-b928-5f7bc2a6c4dc(zh-cn,Expression.10).gif 或选取按钮 Cc294861.0b8d1f68-5b69-4cd1-b928-5f7bc2a6c4dc(zh-cn,Expression.10).gif 并选择一个值。

  8. 如果属性上显示一条红线,则表示选中的样式设置了该属性,但当前选中内容并未继承它,或者它已经被其他样式替代。若要查看屏幕提示以了解详细信息,请指向带删除红线的属性。被替代属性的屏幕提示会标识出替代属性。

Cc294861.alert_tip(zh-cn,Expression.10).gif提示:

在“CSS 属性”任务窗格中,若要显示包含更多 CSS 处理选项的快捷菜单,请右键单击“应用的规则”之下的一个选择器。

另请参见

概念

修改样式

“应用样式”任务窗格

创建样式

从内容中删除样式

为 CSS 设置智能感知选项