使用“应用样式”任务窗格

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

应用样式任务窗格中,您可以应用、 删除、 修改、 重命名和删除样式;附加或分离外部级联样式表 (CSS);选择一种样式; 的所有实例并转到包含样式的规则集的代码。应用样式任务窗格显示每个样式根据规则的样式,以便您可以快速确定要使用只通过查看样式的可视外观的样式。

本文内容

有关应用样式任务窗格

有关应用样式任务窗格中的符号

在应用样式任务窗格中的样式列表进行排序

显示或隐藏应用样式任务窗格中的样式

不包含背景属性规则的样式后的应用样式任务窗格中显示彩色的背景

有关应用样式任务窗格

当打开一个网页时,应用样式任务窗格会列出所有页的级联样式表,包括外部、 嵌入式和内部 CSS 中都定义的样式。类基于和 id 的样式将显示在下或者如果样式为内部 CSS 中包含的样式或在当前页的外部.css 文件的名称。基于元素的样式相同的方式组织,但显示标题下的单独的类基于和 id 的样式列表下方命名上下文选择器。您可以设置以列出所有样式或限制它以都列出当前网页或页中的当前所选内容中使用的样式任务窗格。无论这些选项,您已选中,基于元素的样式和嵌入式样式显示在任务窗格中,仅当您或者将光标置于内容,使用的样式或选择内容使用的样式。

应用样式管理样式任务窗格使用呈现的页的结构来确定样式的引用。这意味着应用样式管理样式任务窗格将母版页和其内容的页面,视为单个折叠页面。例如,如果打开的内容的页面,然后选择选项按钮上的显示当前页中使用的样式应用样式将显示所有该页内容和附加到母版页上所使用的样式。这是因为内容页和母版页合并以在浏览器中创建呈现的页面。

您可以显示在应用样式任务窗格和也限制列表以显示所使用的样式,在当前网页或当前所选内容的样式列表进行排序。如果特定样式都很难看到任务窗格中的白色背景,您可以选择要显示在任务窗格中不包含背景属性的样式后的颜色。

提示: 若要暂时在屏幕提示中显示的所有样式的规则,请指向应用样式任务窗格中的样式。

“应用样式”任务窗格

1。 基于类别的清除样式删除和从当前所选内容的嵌入式样式。

2。当前页列出内部 CSS 和导入外部 CSS 文件的类基于和 id 的样式。

3.外部 CSS 文件导入到当前网页。

4.定义内部 css 中当前网页的样式。

5.从当前的网页链接外部 CSS 文件。

6.的实心矩形边框周围当前选定内容使用的样式。

7。上下文选择器列出当前选定内容使用的基于元素的样式。

8.包含链接的外部 CSS 文件 (events.css) 中的类基于和 id 的样式。

9.每个样式具有执行许多样式相关任务的下拉菜单。指向一个样式,单击箭头,或者右键单击一种样式。

返回页首

有关应用样式任务窗格中的符号

应用样式任务窗格中的每个样式旁边显示的符号标识样式的类型,以及是否在当前网页中使用样式。

符号

描述

基于 ID 的样式旁边显示的红点

基于 id 的样式旁边显示红色的点。

基于类的样式旁边显示的绿点

基于类的样式旁边显示绿色圆点。

基于元素的样式旁边显示的蓝点

基于元素的样式旁边显示的蓝点。

在嵌入式样式旁边显示的黄色圆点

嵌入式样式旁边显示的黄色圆点。

使用的样式旁边显示的绿点

圆形周围的彩色点标记当前网页中使用的样式。

导入的 CSS 旁边显示的 @ 符号

导入外部级联样式表旁边显示的 @ 符号。

返回页首

在应用样式任务窗格中的样式列表进行排序

  • 应用样式任务窗格中,单击选项,然后执行下列操作之一︰

    • 若要列出根据在 CSS 中显示的样式的顺序样式,请选择按顺序分类

    • 若要按字母顺序,并根据样式 (基于类或基于 id) 的类型,则列出样式,请选择按类型分类

返回页首

显示或隐藏应用样式任务窗格中的样式

  • 应用样式任务窗格中,单击选项,然后执行下列操作之一︰

    • 若要列出所有外部、 内部和嵌入式 CSS 当前网页中包含的样式,请选择显示所有样式

    • 若要列出当前网页中使用的样式,请选择显示当前页中使用的样式

    • 若要列出当前页中选择所使用的样式,请选择显示选定内容中使用的样式

      注意: 基于元素的样式和嵌入式样式显示在应用样式任务窗格仅将光标置于中使用的样式或选择内容使用的样式。

返回页首

不包含背景属性规则的样式后的应用样式任务窗格中显示彩色的背景

  1. 应用样式任务窗格中,单击选项,然后选择预览背景色

  2. 其他颜色对话框中,选择一种颜色,,然后单击确定

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×