第6章CSS样式
第6章 CSS样式
本章主要内容是CSS样式的创建方法和它的应用， 并就如何编辑CSS样式中的文字格式、背景格式、文 本块格式、方框格式、边框格式、列表格式、定位格 式、扩展格式等作了详细的讲解，最后以一个实例说 明了如何应用CSS样式对网页进行编辑
本章主要内容是CSS样式的创建方法和它的应用， 并就如何编辑CSS样式中的文字格式、背景格式、文 本块格式、方框格式、边框格式、列表格式、定位格 式、扩展格式等作了详细的讲解，最后以一个实例说 明了如何应用CSS样式对网页进行编辑
6.1CSS样式概述 CSS是层叠样式表(Cascading Style Sheets)的简 利用它可以对网页中的文本内容进行精确的格式化控 制。CSS样式不仅能够控制一篇文档审的殳本样武，而宜 SU 通过采用外部链接的方式，还可以控制多篇文档的文本格 式。对CSS样式的定义进行修改时，文档中所有应用该样 式的文本格式也会自动发生改变。 CSS样式通常用名称或是HTML标记来表示，HTML文 档中的CSS样式不仅可以控制大多数传统的文本格式属性， 如字体、字号和对齐方式等，还可以定义一些特殊的HTML 属性，例如定位、特效和鼠标轮替等。 CSS样式的定义代码一般书写在HTML文档的头部， 通常由一系列样式的定义组成。它可以应用到使用标注 HTML标记所格式化的文本上，可以定义到通过class属性 所定义范围的文本上，也可以应用到其他的那些符合CSS 标准规范的文本上
6.1 CSS样式概述 CSS是层叠样式表（Cascading Style Sheets）的简 称，利用它可以对网页中的文本内容进行精确的格式化控 制。CSS样式不仅能够控制一篇文档中的文本样式，而且 通过采用外部链接的方式，还可以控制多篇文档的文本格 式。对CSS样式的定义进行修改时，文档中所有应用该样 式的文本格式也会自动发生改变。 CSS样式通常用名称或是HTML标记来表示，HTML文 档中的CSS样式不仅可以控制大多数传统的文本格式属性， 如字体、字号和对齐方式等，还可以定义一些特殊的HTML 属性，例如定位、特效和鼠标轮替等。 CSS样式的定义代码一般书写在HTML文档的头部， 通常由一系列样式的定义组成。它可以应用到使用标注 HTML标记所格式化的文本上，可以定义到通过class属性 所定义范围的文本上，也可以应用到其他的那些符合CSS 标准规范的文本上
利用Dreamweaver,用户不需要了解CSS复杂烦琐的 语法，就可以创建出具有专业风格的CSS样式。不仅如此， Dreamweaveri还能够识别现存文档中定义的CSS样式，更 加方便用户对现有的文档进行修改。 使用CSS,可以将样式和结构分离；能以前所未有的能 力控制页面的布局；，可以制作体积更小下载更快的网页；可 以更快更容易地维护及更新大量的网贡；还可以使浏览器称 为更友好的界面。 使用CSS样式的缺点在于，它需要有较高版本的浏览器， 使用Internet Explorer4.0或Netscape Navigator4.O, 才能够正确地显示带有CSS样式的网页。 O 就CSS应用的形式来分，CSS一般可以分为两类：嵌入 式，即在独立的文档中应用CSS样式和外部链接式，它可 以应用于多个文档，生成专门的*.css文件
利用Dreamweaver，用户不需要了解CSS复杂烦琐的 语法，就可以创建出具有专业风格的CSS样式。不仅如此， Dreamweaver还能够识别现存文档中定义的CSS样式，更 加方便用户对现有的文档进行修改。 使用CSS，可以将样式和结构分离；能以前所未有的能 力控制页面的布局；可以制作体积更小下载更快的网页；可 以更快更容易地维护及更新大量的网页；还可以使浏览器称 为更友好的界面。 使用CSS样式的缺点在于，它需要有较高版本的浏览器， 使用Internet Explorer 4.0或Netscape Navigator 4.0， 才能够正确地显示带有CSS样式的网页。 就CSS应用的形式来分，CSS一般可以分为两类：嵌入 式，即在独立的文档中应用CSS样式；和外部链接式，它可 以应用于多个文档，生成专门的*.css文件
0 6.2创建CSS样式 CSS样式最大的优点是 它具有自动更新功能，当应 错、设计 用了CSS格式之后，如果不 CS3样式层 满意，仅需要修改CSS样式 日样式> 就可以更新所有的应用，而 .stylel 24px 不用像设置HTM样式那样一 个一个地修改。 o6.2.1创建新CSS样式 其操作步骤如下： 团打？血 o1)在Dreamweaver中，单 击“窗口”→“CSS样式”， 图6-1CSS样式面板 打开CSS样式面板如图6-1 所示
6.2 创建CSS样式 CSS样式最大的优点是 它具有自动更新功能，当应 用了CSS格式之后，如果不 满意，仅需要修改CSS样式 就可以更新所有的应用，而 不用像设置HTML样式那样一 个一个地修改。 6.2.1 创建新CSS样式 其操作步骤如下： 1) 在Dreamweaver中，单 击“窗口”→“CSS样式” ， 打开CSS 样式面板如图6-1 所示。 图6-1 CSS 样式面板