创建或链接外部 CSS 层叠样式表

CSS 样式表是一个外部文本文件,其中包含了样式和格式规范。如果你对一个外部的 CSS 样式表进行了编辑,所有同该样式表链接的文档都会根据你的修改进行更新。

本教程就包含了一个名为 help.css 的外挂 CSS 样式表。如果你想查看一下其中的代码,可以使用文本编辑器打开 help.css 文件(位于 Help/html 文件夹中)。你也可以用文本编辑器打开教程任意一页查看一下 CSS 样式表是如何通过一个 LINK 标签同文档链接的,同时可以看到具体的 CSS 样式应用。

如何创建或链接外部 CSS 样式表:

1 选择 Window > CSS Styles,或者点击 Launcher 上的 CSS Styles 图标。
2 在 CSS Style 面板上点击 Open Style Sheet 图标。
3 在 Edit Style Sheet 对话框中点击 Link。
4 在 Link External Style Sheet 对话框中,执行下列操作之一:
点击 Browse (Windows) 或 Choose (Macintosh) 查找外部 CSS 样式表,或者在 File/URL 框内直接输入样式表的路径。
输入新的文件名(在指定位置还没有的文件)创建一个新的外部 CSS 样式表。文件名字后缀必须是 .css。
5 选取 Link 或 Import 选项来指定和创建用于向文档添加 CSS 样式表的标签,点击 OK。
Import 会将外部 CSS 样式表的信息带入当前文档,而 Link 则只读取和转递信息,而不传送。虽然 Import 和 Link 都可以将外部 CSS 样式表中的所有信息调用到当前文档中,只是 Link 可以提供的功能更多,适用的浏览器也更多。
外部 CSS 样式表的名字及其识别符 (link or import) 一起出现在 Edit Style Sheet 对话框中的样式列表中。继续完成下边的步骤在 CSS 样式表文件中创建和编辑定义样式。
6 在 Edit Style Sheet 对话框中选取样式表名字并点击 Edit。
该样式表的 Edit Style Sheet 对话框出现。
7 点击 New 定义样式表中的样式。
8 在 New Style 对话框中定义新的样式。参阅 创建层叠样式表 (CSS)
9 完成样式定义之后点击 Save。