层叠样式表 (css) 是一系列格式设置规则,它们控制 web 页面内容的外观。使用 css 设置页面格式时,请将内容与表现形式分开。页面内容(即 html 代码)驻留在 html 文件自身中,而用于定义代码表现形式的 css 规则驻留在另一个文件(外部样式表)或 html 文档的另一部分(通常为文件头部分)中。使用 css 可以非常灵活并更好地控制具体的页面外观,从精确的布局定位到特定的字体和样式。
css 允许您控制 html 无法独自控制的许多属性。例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。通过使用 css 以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。
除设置文本格式外,还可以使用 css 控制 web 页面中块级别元素的格式和定位。例如,可以设置块级元素的边距和边框、其他文本周围的浮动文本等。
css 格式设置规则由两部分组成:选择器和声明。选择器是标识格式元素的术语(如 p、h1、类名或 id),声明用于定义元素样式。在下面的示例中,h1 是选择器,介于括号 ({}) 之间的所有内容都是声明:
h1 { font-size:16 pixels; 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 标题出现在表格单元格内时都应用选择器 td h2)。高级样式还可以重新定义包含特定 id 属性的标签的格式设置(例如,#mystyle 定义的样式可应用于包含属性值对 id="mystyle" 的所有标签)。css 规则可以位于以下位置:
外部 css 样式表是一系列存储在一个单独的外部 css (.css) 文件(并非 html 文件)中的 css 规则。利用文档文件头部分中的链接,该文件被链接到 web 站点中的一个或多个页面。
内部(或嵌入式)css 样式表是一系列包含在 html 文档文件头部分的 style 标签内的 css 规则。
内联样式是在标签的特定实例中在整个 html 文档内定义的。
dreamweaver 识别现有文档中定义的样式,只要这些样式符合 css 样式准则。