第9章 叠样式表.pptVIP

第9章 层叠样式表 9.1 CSS 概 述 9.2 创建和编辑CSS样式 9.3 设置CSS样式参数 9.1 CSS 概 述 9.1.1 CSS基本概念 9.1.2 CSS基本语法 9.1.1 CSS基本概念 所谓CSS样式就是层叠样式表，是用来控制一个文档中某一文本区域外观的一组格式属性。CSS样式可以一次性对若干个文档所有的样式进行控制。同HTML样式相比，使用CSS样式表的好处除了在于它可以同时连接多个文档之外，还在于当CSS样式有所更新或被修改以后，所有应用了该样式表的文档都会被自动更新。 CSS样式表的功能一般可以归纳为以下几点： （1）可以更灵活地控制网页中文字的字体、颜色、大小、间距、风格和位置。 （2）可以灵活地设置一段文字的行高、缩进，并可以为其加入三维效果的边框。 9.1.1 CSS基本概念 （3）可以方便地为网页中的任何元素设置不同的背景颜色和背景图像。 （4）可以精确地控制网页中各元素的位置。 （5）可以为网页中各元素设置过滤器，从而产生如阴影、模糊、透明等效果。 （6）可以与脚本语言结合，从而产生各种动态效果。 （7）由于是直接的HTML格式的代码，因此网页打开的速度非常快。 9.1.2 CSS基本语法 样式表的脚本语法结构是： HTML标记{标记属性：属性值；标志属性：属性值；标志属性：属性值；……} 现在首先讨论在HTML页面直接引用样