Dreamweaver 8 中的 CSS 概述

变化越多则越接近一致

令人高兴的是，此版本中的界面保留以前版本中引入的许多改进。由于这些保留部分对用户工作流程仍很重要，因此我将它们列在这里。要升级(以及熟悉 Dreamweaver MX 2004 CSS)的读者可跳过这一节。新用户将从此概述和所有针对 Dreamweaver MX 2004 撰写的有关 CSS 的 Dreamweaver 开发人员中心文章中获益。

属性检查器

以下是 Dreamweaver 8 和 Dreamweaver MX 2004 中共有的界面元素：

• 使用属性检查器设置文本样式时，Dreamweaver 会创建 CSS 样式声明(除非取消选中此默认首选参数)。
• 设置带有某个选定标签的文本的样式时，Dreamweaver 会将样式声明创建为该标签的定义(只要该标签尚无样式定义)。否则，Dreamweaver 会将样式声明创建为新的类样式。
• “样式”弹出菜单中列出了可用的类样式(不管是在文档中定义的，还是在链接或导入的样式表中定义的)。
• “页面属性”按钮可打开“页面属性”对话框，从而允许用户定义影响页面显示的样式。

“页面属性”对话框

“页面属性”对话框是用户创建页面的重要起点。在此对话框中，可分配影响整个页面外观的设置。从 Dreamweaver MX 2004 起，其中一些设置是通过 CSS 样式声明指定的，此版仍延续这种做法。顺便提一下，使用“页面属性”对话框分配 CSS 属性会将属性代码写入 HTML 文档头，即使该文档链接到某个外部样式表也是如此。我会在本文后面的“从文档样式表移到外部样式表”一节讲解如何将样式声明迁移到外部样式表中。

• 选择“外观”类别中的设置将创建 CSS 样式声明，以提供有关默认页面字体设置、背景颜色和图像以及页边距等的详细信息。
• 用户可以为“链接”类别中的每个超链接状态的外观创建 CSS 样式声明。
• 用户除了可以设置将用于所有标题的单个字体外，还可使用“标题”类别为每个标题级别设置字体大小和颜色。

“CSS 样式”面板

尽管前面讲了很多对“CSS 样式”面板的改动，但有些地方并未改变。“CSS 样式”面板的“所有”模式看上去非常类似于 Dreamweaver MX 2004 中“CSS 样式”面板的行为。

在下一节，我将介绍针对 Dreamweaver 8 中的 CSS 新功能的一些工作流程小建议。

第 4 页 共 10 页

上一页

下一頁