10HTML_CSS层叠样式表课题.ppt

CSS层叠样式表 CSS层叠样式表 一、什么是样式表？ 样式表是用于管理出版物外观（背景、字体、颜色等）的一种方式，可以管理一个页面乃至一个宏大的文档集，它的实质是使文档的表现形式与文档内容分离。 CSS层叠样式表 二、层叠样式表的特点 1.可以将格式和内容分离。 2.可以以前所未有的能力控制页面布局，如行距、字间距。 3.可以制作体积更小，下载更快的网页。 4.可以将许多网页同时更新，比以前更快更容易。 5.浏览器的界面更友好。 CSS层叠样式表 三、层叠样式表的类型。 1.自定义层叠样式表： 类 用户自己定义样式类型，并指定到需要使用这种样式的文字或段落上，如果定义在一整段文字上，则用标签的class属性引用，定义在部分文字上用span和/span引用。 基本语法：.名称{定义样式；} 说明：自定义层叠样式表以“.”开头，名称为用户自己定义，{}体中包括要定义的样式，每种样式以；结尾。 CSS层叠样式表 2.重定义标签的层叠样式表：标签 针对某一标签定义层叠样式表，定义的层叠样式表将只应用于选择的标签。 基本语法：标签名称{定义样式；} 说 明：样式表名称与标签同名，名称前面不用加”.”，样式列表以；分割。 CSS层叠样式表 3.层叠样式表伪类选择符 层叠样式表伪类选择符为特殊的组合标签定义层叠样式表。它是一种特殊类型的样式（常用的有4种）： A:link