关于层叠样式表

层叠样式表 (CSS) 是一系列格式规则，它们控制网页内容的外观。使用 CSS 样式可以非常灵活并更好地控制确切的网页外观，从精确的布局定位到特定的字体和样式。

CSS 样式使您可以控制许多仅使用 HTML 无法控制的属性。例如，可以指定自定义列表项目符号并指定不同的字体大小和单位（像素、点数等等）。通过使用 CSS 样式和以像素为单位设置字体大小，可以确保以更一致的方式在多个浏览器中处理页面布局和外观。除了设置文本格式外，还可以控制网页中块级别元素的格式和定位。例如，可以设置边距、边框、其他文本周围的浮动文本等等。

CSS 样式规则由两部分组成：选择器和声明。选择器是样式名称（如 TR 或 P），而声明则用于定义样式元素。声明由两部分组成：属性（如 font-family）和值（如 Helvetica）。术语“级联”是指对同一个网页应用多个样式表的能力。例如，可以创建一个样式表来应用颜色，创建另一样式表来应用边距，然后将两者应用于同一个网页以创建所需的设计。

CSS 样式表的主要优点是提供便利的更新功能；更新 CSS 样式时，使用该样式的所有文档的格式都自动更新为新样式。

在 Dreamweaver 中，“CSS 样式”面板用于创建、查看样式属性以及将样式属性附加到文档。有关如何使用“CSS 样式”面板的信息，请参见使用“CSS 样式”面板。除了所创建的样式和样式表外，还可以使用 Dreamweaver 附带的样式表对文档应用样式。请参见创建基于 Dreamweaver 设计文件的文档。

在 Dreamweaver 中可以定义下列类型的 CSS 样式表：

CSS 样式表驻留在文档的 head 区域中。CSS 样式可定义 HTML 标签的格式属性，由 class 属性标识的文本范围。Dreamweaver MX 识别现有文档中定义的样式，只要这些样式符合 CSS 样式准则。

提示： 若要显示 Dreamweaver 中包含的 O’Reilly CSS 参考指南，请单击工具栏上的“参考”按钮，然后从弹出菜单中选择“O’Reilly CSS 参考”。

手动 HTML 格式覆盖通过 CSS（或 HTML）样式应用的格式。要使 CSS 样式能够控制段落格式，必须删除所有手动 HTML 格式或 HTML 样式。

在“文档”窗口中可以查看所应用的大部分样式属性。也可在浏览器窗口中预览文档以查看它的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer 4.0 和 Netscape Navigator 4.0 中呈现的外观不相同，有些目前不受任何浏览器支持。

在“CSS 样式”面板中工作时，可以使用 Dreamweaver 的“设计时间样式表”功能。此功能使您可以在 Dreamweaver 中设计页面时隐藏或显示样式表属性（例如查看一个包含专为 Navigator 或 Internet Explorer 设计的样式的文档）。有关如何使用设计时间样式表的信息，请参见使用设计时间样式表。