<b>学习Dreamweaver8理解掌握CSS层叠款式表</b>[DW设计]

理解层叠款式表

　　层叠款式表 (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 法则时,利用该已定义款式的全部文档的格局城市自动更新为新款式.

　　在 中可以定义以下款式范例:

　　自定义 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 文档内定义的.

　　 辨认现有文档中定义的款式,只要这些款式符合 CSS 款式原则.

　　提醒

　　若要显示 中包含的 O'Reilly CSS 参考指南,请挑选"帮忙">"参考",然后从"参考"面板的弹出式菜单中挑选"O'Reilly CSS 参考".

　　手动设置的 HTML 格局设置会覆盖通过 CSS 利用的格局设置.要使 CSS 法则可以掌握段落格局,必须删除全部手动设置的 HTML 格局.

　　 会显现您在"文档"窗口中直策利用的大大都款式属性.您也可以在浏览器窗口中预览文档以查看款式的利用情形.有些 CSS 款式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中显现的外观不相同,有些目前不受任何浏览器支持.