`
chanshui
  • 浏览: 84612 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

附加或取消外部级联样式表

CSS 
阅读更多
如果希望一个或多个网页使用外部级联样式表 (CSS) 中定义的样式,则必须将该外部 CSS 附加到这些网页中。通过将外部 .css 文件拖放到“设计”视图中打开的网页上,可以将其附加到单个网页中。如果需要将外部 CSS 附加到多个网页或另一个外部 CSS 中,或者如果外部 CSS 位于网站之外,则可以改用“附加样式表”对话框。

如果希望某个网页不再使用附加的外部 CSS 中的样式,可以使用“应用样式”或“管理样式”任务窗格,通过一步操作将其从该网页上取消。如果需要从多个网页或整个网站中取消某个外部 CSS,可以改用“管理样式表链接”对话框。

重要事项:
从网页中取消外部 CSS 并不会删除网页中对该外部 CSS 中样式的引用,因此必须自行删除样式引用。在取消 CSS 之前,更容易找到样式引用。有关详细信息,请参阅从内容中删除样式。


通过拖放操作将外部 CSS 附加到网页中
在“设计”视图中打开网页。

将 .css 文件从“文件夹列表”任务窗格或“网站”窗口拖放到网页上。

将外部 CSS 附加到一个网页或多个网页或者 .css 文件中
若要选择所要附加 CSS 的文件,请执行下列操作之一:

若要将 CSS 附加到单个网页,请打开该网页。

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

若要将 CSS 附加到多个网页,请在“文件夹列表”任务窗格或“网站”视图中,选择要使用该 CSS 的网页。

若要将 CSS 附加到文件夹中的所有网页,请在“文件夹列表”任务窗格或“网站”视图的“文件夹”视图中,选择相应的文件夹。

若要将 CSS 附加到其他 .css 文件,请打开要附加该 CSS 的 .css 文件。

执行下列操作之一:

在“格式”菜单上,指向“CSS 样式”,再单击“附加样式表”。

在“应用样式”或“管理样式”任务窗格中,单击“附加样式表”。

在“附加样式表”对话框中,执行下列操作:


具体选项
实际作用

URL
指定相应的 .css 文件及其路径。

附加到
选择要附加 CSS 的网页:

“当前网页:”仅限于打开的网页。

“所有 HTML 网页:”打开的网站中的所有网页。

“选择的网页:”仅限于当前网站中选中的网页。

附加为
选择附加的方法:

“链接:”使用 Link 元素。

“导入:”使用 @import 规则。


从网页中取消外部 CSS
在“设计”视图或“代码”视图中打开网页。

在“应用样式”或“管理样式”任务窗格中,右键单击 CSS 文件的名称(例如“ewd.css”),然后选择“删除链接”。

从多个网页中取消链接的 CSS
执行下列操作之一:

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

若要从多个网页中取消链接的 CSS,请在“文件夹列表”任务窗格或“网站”视图中选择相应的网页。

在“格式”菜单上,指向“CSS 样式”,再单击“管理样式表链接”。

在“链接样式表”对话框的“URL”列表中,单击要取消的外部级联样式表 (CSS) 的名称。

说明:
“链接样式表”对话框中仅列出链接的 CSS 文件,不会列出导入的 CSS 文件。只能使用“应用样式”或“管理样式”任务窗格,或者在“代码”视图中从各个网页中删除关联的 @import 规则,逐次从单一网页中取消导入的 CSS。


单击下列选项之一:

“当前网页”用于仅从当前网页中取消 CSS。

“所有网页”用于从当前网站的所有网页中取消 CSS。

“选择的网页”用于仅从当前网站中选中的网页中取消 CSS。

单击“删除”,然后单击“确定”。

从 .css 文件中取消导入的外部 CSS
打开包含导入的 CSS 的 .css 文件。

删除引用了要取消的 CSS 文件的 @import 规则。

分享到:
评论

相关推荐

    Dreamweaver课件:第8章 样式表.pptx

    CSS是一种级联样式表语言,用于分离网页内容和表现形式。它定义了一系列格式规则,使设计者能够独立调整页面的样式而无需改动HTML代码。CSS样式表可以应用于整个网站,实现统一的视觉效果,也可以针对单个页面进行...

    Web系统与技术06 CSS.pdf

    文档树首先被创建,随后标识媒体类型(如屏幕显示或打印),检索相应媒体类型的样式表,并将值分配给文档树中的所有属性,最终生成一个格式化结构,并在目标媒介上渲染出来。 9. CSS的优点:使用CSS的主要优点是它...

    AheadEco.PlantsUsa.gafYzY1

    在网页开发中,HTML通常与CSS(级联样式表)和JavaScript一起使用,形成前端开发的三剑客。CSS用于控制网页的样式和布局,而JavaScript则提供了动态交互的能力,使网页可以响应用户行为或进行数据的异步更新。 如果...

    软件开发英语词汇

    - 级联更新是指当更新主表中的某个键值时,所有与之关联的子表中的相应键值也会被更新。 **Casting 转型、造型转换** - 转型是指将一种数据类型转换为另一种数据类型。 **Catalog 目录** - 目录是指文件或数据的...

    C#程序开发范例宝典(第2版).part13

    实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...

    C#程序开发范例宝典(第2版).part08

    实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...

    C#程序开发范例宝典(第2版).part02

    实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...

    C#程序开发范例宝典(第2版).part12

    实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...

Global site tag (gtag.js) - Google Analytics