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。 |
![]() |