附加或分离外部级联样式表

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

当您想要使用已定义外部级联样式表 (CSS) 中的样式的一个或多个网页时,您需要将外部 CSS 附加到这些网页。

只需通过将.css 文件拖动到设计视图中打开的页面,您可以将外部 CSS 附加到单个网页。当您想要将外部 CSS 附加到多个页面或另一个外部 CSS,或外部 CSS 位于您的网站的外部时,您可以改用附加样式表对话框。

你想如何操作?

将外部 CSS 附加到网页中,通过拖动来

将外部 CSS 附加到一个或多个网页或.css 文件

分离外部 CSS

将外部 CSS 附加到网页中,通过拖动来

  1. 在设计视图中打开网页。

  2. 文件夹列表拖到页上拖动.css 文件。

返回页首

将外部 CSS 附加到一个或多个网页或.css 文件

  1. 若要选择要附加到 CSS 文件,请执行下列操作之一:

    • 若要将 CSS 附加到单个网页中,打开网页。

    • 若要将 CSS 附加到网站中的所有网页,请打开该网站。

    • 若要将 CSS 附加到多个页面,在文件夹列表中,选择要向其附加 CSS 的网页。

      提示: 若要选择多个文件,请按并单击的同时按住 CTRL。

    • 若要将 CSS 附加到不同的.css 文件,打开要向其附加 CSS.css 文件。

  2. 格式菜单上指向CSS 样式,然后单击附加样式表 按钮

    注意: 如果此命令不可用,请检查是否在当前页附加到母版页。您可能需要改为打开母版页。

    提示: 在应用样式管理样式任务窗格或在样式工具栏上,您还可以使用附加样式表 按钮 按钮。

  3. 附加样式表对话框中,请执行下列操作:

使用

若要

URL

指定.css 文件。

将附加到

选择要附加到 CSS 的页面:

  • 在当前页: 仅打开网页。

  • 所有 HTML 页面: 打开的网站中的所有 HTML 网页。

  • 所选的网页: 仅在当前网站中所选的网页。

附加为

选择附件的方法:

  • 链接: 使用链接元素。

  • 导入: 使用@import规则。

返回页首

分离外部 CSS

当您不再想要使用的附加外部 CSS 样式的网页时,您可以通过使用应用样式管理样式任务窗格中取消从一个步骤中的页面 CSS。当您想要取消某个外部 CSS 从多个网页或整个网站时,您可以改用管理样式表链接对话框。

重要: 分离外部 CSS 从网页不会删除您的网页其样式的引用。如果您想要删除这些引用,请执行此操作之前取消您的 CSS。删除样式的详细信息,请参阅删除或删除样式一文。

分离外部 CSS 从网页

  1. 在设计视图或代码视图中打开网页。

  2. 应用样式管理样式任务窗格,右键单击该 CSS 文件的名称,然后单击删除链接

    注意: 如果此命令不可用,请检查是否在当前页附加到母版页。您可能需要改为打开母版页。

取消链接的 CSS 从多个网页

  1. 执行下列操作之一:

    • 若要取消链接的 CSS 网站中的所有页中,打开该网站。

    • 若要取消链接的 CSS 从多个网页,请在文件夹列表中选择网页。

  2. 格式菜单上指向CSS 样式,然后单击管理样式表链接

    注意: 如果此命令不可用,请检查是否在当前页附加到母版页。您可能需要改为打开母版页。

  3. 链接样式表对话框中的URL列表中,单击您想要分离外部级联样式表 (CSS) 的名称。

    注意: 此处显示链接的 CSS 文件-不导入的 CSS 文件。通过使用应用样式管理样式任务窗格,或从每个网页代码视图中删除相关联的 @import 规则,可以一次分离从只有一个网页导入的 CSS。

  4. 请单击下列选项之一:

    • 在当前页分离从仅当前网页 CSS。

    • 所有页面都分离从当前网站中的所有网页的 CSS。

    • 所选的网页中分离仅在当前网站中所选的页中的 CSS。

  5. 单击“删除”

分离从.css 文件导入外部 CSS

  1. 打开包含导入的 CSS 的.css 文件。

  2. 删除@import规则引用要分离的 CSS 文件。

返回页首

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

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

此信息是否有帮助?

谢谢您的反馈!

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

×