了解层叠样式表
层叠样式表(CSS)是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，请将内容与表现形式分开。页面内容（即HTML代码）驻留在HTML文件自身中，而用于定义代码表现形式的CSS规则驻留在另一个文件（外部样式表）或HTML文档的另一部分（通常为文件头部分）中。使用CSS可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。 CSS允许您控制HTML无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。通过使用CSS以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。 除设置文本格式外，还可以使用CSS控制Web页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。 CSS格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如P、H1、类名或ID），声明用于定义元素样式。在下面的示例中，H1是选择器，介于括号({})之间的所有内容都是声明： H1{
font-size:16pixels;
font-family:Helvetica;
font-weight:bold; }
声明由两部分组成：属性（如font-family）和值（如Helvetica）。上面的CSS规则为H1标签创建了一个特定的样式：链接到此样式的所有H1标签的文本都将是16个像素大小、Helvetica字体和粗体。 术语cascading表示向同一个元素应用多种样式的能力。例如，可以创建一个CSS规则来应用颜色，创建另一个CSS规则来应用边距，然后将两者应用于页面上的同一个文本。所定义的样式向下"层叠"到您的Web页面上的元素，并最终创建您想要的设计。 CSS的主要优点是它提供了便利的更新功能；更新一处的CSS规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。 在Dreamweaver中可以定义以下样式类型： 自定义CSS规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。（请参见应用类样式。）
HTML标签样式重定义特定标签（如h1）的格式。创建或更改h1标签的CSS样式时，所有用h1标签设置了格式的文本都会立即更新。
CSS选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义CSS允许的其他选择器表单的格式设置（例如，每当h2标题出现在表格单元格内时都应用选择器tdh2）。高级样式还可以重新定义包含特定id属性的标签的格式设置（例如，#myStyle定义的样式可应用于包含属性值对id="myStyle"的所有标签）。
CSS规则可以位于以下位置： 外部CSS样式表是一系列存储在一个单独的外部CSS(.css)文件（并非HTML文件）中的CSS规则。利用文档文件头部分中的链接，该文件被链接到Web站点中的一个或多个页面。 内部（或嵌入式）CSS样式表是一系列包含在HTML文档文件头部分的style标签内的CSS规则。 内联样式是在标签的特定实例中在整个HTML文档内定义的。 Dreamweaver识别现有文档中定义的样式，只要这些样式符合CSS样式准则。 提示
若要显示Dreamweaver中包含的O'ReillyCSS参考指南，请选择"帮助">"参考"，然后从"参考"面板的弹出式菜单中选择"O'ReillyCSS参考"。
手动设置的HTML格式设置会覆盖通过CSS应用的格式设置。要使CSS规则能够控制段落格式，必须删除所有手动设置的HTML格式。 Dreamweaver会呈现您在"文档"窗口中直接应用的大多数样式属性。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些CSS样式属性在MicrosoftInternetExplorer、NetscapeNavigator、Opera和AppleSafari中呈现的外观不相同，有些目前不受任何浏览器支持。
| 
