02-CSS样式教程

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

1、CSS样式教学主讲：许磊1第3章CSS样式表3.1CSS带来的好处3.2认识CSS。3.2.1CSS样式的说明、规则及特征3.2.2CSS分类3.2.3css中常用的单位3.2.4在样式规则中添加注释3.3常用的样式属性及值3.4DIV标记及SPAN标记3.5常用样式的属性及值。3.6讲解CSS布局的重点和难点——浮动和定位。3.7介绍文字和图像的排版。3.8介绍了链接和导航相关的设置方法。23.1CSS带来的好处改变浏览器的默认显示风格使站点对浏览者和浏览器更具亲和力，使整个站点保持视觉的一致性页面内容和显示样式分离，只要建立定义样式的CSS文件，并且让

2、所有的HTML文件都来使用CSS文件所定义的样式，如果要改变HTML文件中任意部分的显示风格时，只要把CSS文件打开，更改样式就可以了重用样式表，不同的HTML文件可以使用同一个CSS样式文件可以降低网站的流量费用，不同的HTML文件使用同一个CSS样式文件，只需下载一次CSS样式文件就可；由于样式的重用及下载流量的减少可以使页面载入更快；CSS使站点可以更好地被搜索引擎找到；不同的HTML文件可以使用同一个CSS样式文件，要想改变这些页面的显示方式，只改一个CSS样式文件就可以，所以方便网站维护，使设计师在修改设计时更有效率，而代价更低。33.2认识CS

3、S样式CSSCascadingStyleSheet(层叠样式表)的缩写##########

4、TML文件引用多个CSS样式时，如果CSS的定义发生冲突，浏览器将依据层次的先后顺序来应用样式，如果不考虑样式的优先级时，一般会遵循“最近优选原则”。样式规则样式表的每个规则都有两个主要部分：选择器（selector）和声明（declaration）。选择器决定哪些因素要受到影响，声明由一个或多个属性:值对组成。基本语法：selector{属性:属性值[[;属性:属性值]…]}语法说明：selector表示希望进行格式化的元素；声明部分包括在选择器后的大括号中；用“属性:属性值”描述要应用的格式化操作；声明中的多个属性值对之间必须用分号隔开。53.2.1样

5、式说明、规则及特征(续)继承是CSS的一个主要特征，许多CSS属性不但影响选择符所定义的元素，而且会被这些元素的后代继承。例如一个body定义了字符的颜色，这个颜色也会应用到段落的文本中。63.2.2CSS样式表的分类选择器不同基本选择器HTML标记选择器CLASS类选择器(.className)ID选择器（#id号）伪类选择器设置超链接a:linka:hovera:visiteda:active选择段元素的首字母或首行进行格式化P:first-letterP:first-line复合选择器后代选择器tableh1.myCls{……}组合选择器table,

6、h1.myCls,p.specia{……}73.2.2CSS样式表的分类(续)定义的位置不同行内样式##########