《第05章 样式表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第五章样式表统一网站(网页)风格主要内容一、样式表(CSS)的基本概念二、利用样式表编辑器编辑样式表三、CSS属性的理解与应用四、CSS样式的单位五、CSS与HTML文档的结合方法六、CSS的高级应用2CSS的使用一、CSS的基本概念1、CSS简介CSS是CascadingStyleSheet的缩写，即层叠样式表或级联样式表。CSS是一种样式表语言，用于为HTML文档定义有关布局和表现的样式。CSS的优点内容部分和样式部分各自独立，使数据（内容）处理更简单也更易维护。页面代码量减少，可以制作体积更小、下载更快的网页。语义结构清晰

2、可以将许多网页同时更新，比以前更快更容易。3CSS的使用一、CSS的基本概念2、编写CSS样式的方法使用CSS编辑器如Dreamweaver、Frontpage等都会自带CSS编辑器。使用超文本编辑器如Dreamweaver、Frontpage等超文本编辑器均可编辑样式表；记事本4CSS的使用一、CSS的基本概念3、定义CSS样式的基本语法P169：包括选择符、属性和值选择符{属性:值}选择符{属性1:值1;属性2:值2;……}单一选择符的复合样式（包含多个属性）声明应该用“;”隔开，为便于阅读也可以分行写。

3、itle>CSS例子h1{font-size:x-large;color:red}h2{font-size:large;color:blue}h1{font-size:x-large;color:red}h2{font-size:large;color:blue}h1{font-size:x-large;color:red}h2{font-size:large;color:blue}5

4、CSS的使用一、CSS的基本概念注释CSS中文字的注释形式与C语言类似。p{font-size:12pt}/*p标签的样式定义*/HTML中的注释：6CSS的使用一、CSS的基本概念4、选择符的类型P175(1)通配选择符（请在书上补充）(2)类选择符(3)标签选择符(4)ID选择符(5)包含选择符(6)群组选择符7CSS的使用(1)通配选择符写法是“*”，表示所有元素。例如*{font-size:12px;}说明：font-size属性表示字体的大小，px是像素该样式实现的效果：页面中所有文本字

5、体大小为12个像素。8CSS的使用(2)类选择符类选择符P175用户自己定义的，可以使用任何名称来命名，但必须以“.”开始。语法如下：.classname{property1:value1;property2:value2;…}.s1{font-size:20px;color:red}9CSS的使用类选择符的调用：里所有的元素（即各种标记/标签）都可以调用“类”调用时必须利用标签的class属性例如：……

6、”.s1{font-size:20px;color:red}应用s1样式的文字

7、lor:blue}

标题1的格式

标题2的格式