Dreamweaver 教程：使用 CSS 样式表设置网页格式

在 Dreamweaver 中使用层叠样式表 (CSS) 来设置页面上文本的格式。您可以使用 CSS 以 HTML 无法做到的方式设置文本格式和位置，从而使您能够更加灵活地控制页面的外观。
　　 了解 CSS
层叠样式表 (CSS) 是一组控制网页内容外观的格式规则。当您使用 CSS 格式化页面时，内容和演示是分开的。页面的内容（HTML 代码）位于其自己的 HTML 文件中，而定义代码表示形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常是一个部分）中。使用 CSS 为您提供了很大的灵活性，并且可以更好地控制页面的外观，从布局的精确位置到特定的字体和样式。
CSS 允许您控制许多仅用 HTML 无法控制的属性。例如，您可以为选定的文本指定不同的字体大小和单位（像素、点等）。通过使用 CSS 设置字体大小（以像素为单位），您还可以确保跨浏览器的页面布局和外观更加一致。
CSS 格式化规则由两部分组成：选择器和声明。选择器是标识格式化元素（例如 P、H1、类名或 ID）的表达式，而声明则用于定义样式元素。在以下示例中，H1 是选择器，大括号 ({}) 之间的所有内容都是声明：

以下是引用的片段：
　　H1{
font-size: 16px;
font-family: Helvetica;
font-weight:bold;
}
声明由两部分组成：属性（例如 font-family）和值（例如 Helvetica）。上面的示例为 H1 标签创建了一个样式：与此样式关联的所有 H1 标签的文本大小将为 16 像素，并使用 Helvetica 字体和粗体。
术语“级联”是指将多种样式应用到同一元素或网页的能力。例如，您可以创建一个 CSS 规则来应用颜色，另一条规则来应用边框，然后将这两个规则应用到页面上的相同文本。定义的样式“级联”到您网站上的元素中，最终创建您想要的设计。
CSS的主要优点是易于更新；如果更新了一项 CSS 规则，则使用定义的样式的所有文档的格式都会自动更新为新样式。
可以在 Dreamweaver 中定义以下类型的规则：
自定义 CSS 规则（也称为“类样式”）允许您将样式属性应用到任何文本范围或文本块。所有类样式都以点 (.) 开头。例如，您可以创建名为 .red 的类样式，将规则的颜色属性设置为红色，然后将该样式应用到一段段落样式文本。
HTML 标签规则重新定义了特定标签的格式（例如，p 或 h1）。当您为 h1 标签创建或更改 CSS 规则时，所有使用 h1 标签格式化的文本都会立即更新。
CSS 选择器规则（高级样式）重新定义 CSS 允许的元素或其他选择器形式的特定组合的格式（例如，每当 h2 标题出现在表格单元格中时，请使用 td h2 选择器）。高级样式还可以重新定义包含特定 id 属性的标签的格式（例如，使用 #myStyle 定义的样式可以应用于包含 id="myStyle" 属性/值对的所有标签）。