如果希望一个或多个网页使用外部级联样式表 (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 规则。
分享到:
相关推荐
CSS是一种级联样式表语言,用于分离网页内容和表现形式。它定义了一系列格式规则,使设计者能够独立调整页面的样式而无需改动HTML代码。CSS样式表可以应用于整个网站,实现统一的视觉效果,也可以针对单个页面进行...
文档树首先被创建,随后标识媒体类型(如屏幕显示或打印),检索相应媒体类型的样式表,并将值分配给文档树中的所有属性,最终生成一个格式化结构,并在目标媒介上渲染出来。 9. CSS的优点:使用CSS的主要优点是它...
在网页开发中,HTML通常与CSS(级联样式表)和JavaScript一起使用,形成前端开发的三剑客。CSS用于控制网页的样式和布局,而JavaScript则提供了动态交互的能力,使网页可以响应用户行为或进行数据的异步更新。 如果...
- 级联更新是指当更新主表中的某个键值时,所有与之关联的子表中的相应键值也会被更新。 **Casting 转型、造型转换** - 转型是指将一种数据类型转换为另一种数据类型。 **Catalog 目录** - 目录是指文件或数据的...
实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...
实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...
实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...
实例006 级联菜单 6 1.2 工具栏设计 6 实例007 带背景的工具栏 7 实例008 浮动工具栏 7 实例009 带下拉菜单的工具栏 8 实例010 具有提示功能的工具栏 8 1.3 状态栏设计 9 实例011 在状态栏中显示检查框 9 ...