Dreamweaver使用CSS样式表设置网页

　　了解 CSS

　　层叠 款式表 (CSS) 是一系列 格局设置 规定，它们操纵 Web 页面内容的外观 。 使用 CSS 设置页面 格局时，内容与 体现 模式是 彼此 离开的 。页面内容(HTML 代码)位于 本身的 HTML 文件中，而定义代码 体现 模式的 CSS 规定位于另一个文件(外部 款式表)或 HTML 文档的另一 部分(通常为 部分)中 。 使用 CSS 可以十分灵便并更好地操纵页面的外观，从准确的布局定位到特定的字体和 款式等 。

　　CSS 使您 可以操纵许多仅 使用 HTML 无奈操纵的属性 。例如，您 可 认为所选文本指定不同的字体大小和单位(像素、磅值等) 。通过 使用 CSS 从而以像素为单位设置字体大小，还 可以确保在多个阅读器中以更 统一的 模式 解决页面布局和外观 。

　　CSS 格局设置 规定由两 部分构成: 取舍器和申明 。 取舍器是标识已设置 格局元素(如 P、H1、类名称或 ID)的术语，而申明则用于定义 款式元素 。在下面的示例中，H1 是 取舍器，介于大括号 ({}) 中间的全部内容都是申明:

以下是 引用片段： 　　H1 { 　　font-size:16 pixels; 　　font-family:Helvetica; 　　font-weight:bold; 　　}

　　申明由两 部分构成:属性(如 font-family)和值(如 Helvetica) 。上述示例为 H1 标签 缔造了 款式:链接到此 款式的全部 H1 标签的文本都将是 16 像素大小并 使用 Helvetica 字体和粗体 。

　　术语"层叠"是指对同一个元素或 Web 页面 利用多个 款式的 威力 。例如， 可以 缔造一个 CSS 规定来 利用 色彩， 缔造另一个 规定来 利用边距， 而后将两者 利用于一个页面中的同一文本 。所定义的 款式"层叠"到您的 Web 页面上的元素，并最后 缔造您想要的设计 。

　　CSS 的重要 长处是方便更新; 惟独对一处 CSS 规定进行更新，则 使用该定义 款式的全部文档的 格局都会自动更新为新 款式 。

　　在 Dreamweaver 中 可以定义以下 规定类型:

　　自定义 CSS 规定(也称为"类 款式")使您 可以将 款式属性 利用到任何文本 规模或文本块 。全部类 款式均以句点 (.) 开头 。例如，您 可以 缔造称为 .red 的类 款式，设置 规定的 color 属性为红色， 而后将该 款式 利用到一 部分已定义 款式的段落文本中 。

　　HTML 标签 规定重定义特定标签(如 p 或 h1)的 格局 。 缔造或更改 h1 标签的 CSS 规定时，全部用 h1 标签设置了 格局的文本都会马上更新 。

　　CSS 取舍器 规定(高级 款式)重定义特定元素组合的 格局，或其它 CSS 同意的 取舍器 模式的 格局(例如，每当 h2 题目浮现在表格单元格内时，就 利用 取舍器 td h2) 。高级 款式还 可以重定义包括特定 id 属性的标签的 格局(例如，由 #myStyle 定义的 款式 可以 利用到全部包括属性/值对 id="myStyle" 的标签) 。