上一页下一页

创建和链接到外部 CSS 样式表

CSS 样式表是一个包含样式和格式规范的外部文本文件。编辑外部 CSS 样式表时,链接到该 CSS 样式表的所有文档全部更新以反映所做的更改。可以导出文档中包含的 CSS 样式以创建新的 CSS 样式表,然后附加或链接到外部样式表以应用那里所包含的样式。

除了创建的 CSS 样式表外,还可以使用 Dreamweaver 附带的 CSS 样式表附加到站点中的页面。有关如何使用 Dreamweaver 附带的设计样式表的信息,请参见创建基于 Dreamweaver 设计文件的文档

有关如何应用样式的信息,请参见应用自定义 (Class) CSS 样式

链接到或导出外部 CSS 样式表:
  1. 执行下列操作之一打开“CSS 样式”面板:
    • 选择“窗口”>“CSS 样式”。
    • 按 Shift + F11 键。
    • 单击启动器中的“CSS 样式”图标。
  2. 在“CSS 样式”面板中,单击“附加样式表”按钮。
  3. 出现“链接外部样式表”。

  4. 在“链接外部样式表”对话框中,执行下列操作之一:
    • 单击“浏览”(Windows) 或“选择”(Macintosh) 浏览到外部 CSS 样式表,或在“文件/URL”框中键入样式表的路径。
  5. 在“添加为”中,选择其中的一个选项:
    • 若要创建当前文档和外部样式表之间的链接,请选择“链接”。该选项在 HTML 代码中创建一个 link href 标签,并引用已发布的样式表所在的 URL。Microsoft Internet Explorer 和 Netscape Navigator 都支持此方法。
    • 若要引用外部样式表,请选择“导入”。该选项在 HTML 代码中创建一个 @import 标签,并引用已发布的样式表所在的 URL。此方法对 Netscape Navigator 无效。
  6. 单击“确定”。
  7. 外部 CSS 样式表的名称随即出现在“CSS 样式”面板的“编辑样式”视图中,而自定义 (Class) 样式出现在“应用样式”视图中,前面有一个外部样式表标识符。


  上一页下一页