美化网页元素ppt课件.ppt

3、italic;font-weight设置字体的粗细font-weight:bold;font在一个声明中设置所有字体属性font:italicbold36px"宋体";字体类型font-family属性p{font-family:Verdana,"楷体";}body{font-family:Times,"TimesNewRoman","楷体";}示例font-size属性单位：px（像素）in、cm、mm、pt、pc字体大小h1{font-size:24px;}h2{font-size:16px;}h3{font-size:5mm;}p{f

4、ont-size:10in;}span{font-size:12pt;}strong{font-size:13pc;}示例字体风格font-style属性normal、italic和oblique斜体正常字体字体的粗细font-weight属性值说明normal默认值，定义标准的字体。bold粗体字体。bolder更粗的字体。lighter更细的字体。400、700定义由细到粗的字体。400等同于normal，700等同于bold。正常粗细字体加粗字体属性font属性字体属性的顺序：字体风格→字体粗细→字体大小→字体类型pspan{font

5、:obliquebold12px"楷体";}示例文本样式文本属性属性含义举例color设置文本颜色color:#00C;text-align设置元素水平对齐方式text-align:right;text-indent设置首行文本的缩进text-indent:20px;line-height设置文本的行高line-height:25px;text-decoration设置文本的装饰text-decoration:underline;文本颜色color属性十六进制方法表示颜色color:#FFFFFF;color:#000000;color:F

6、F0000;color:#A983D8;color:#95F141;color:#339966;color:#EEFF66;color:#396;color:#EF6;6位颜色值相邻数字两两相同时，可两两缩写为1位蓝色字体排版文本段落水平对齐方式text-align属性值说明left把文本排列到左边。默认值：由浏览器决定right把文本排列到右边center把文本排列到中间justify实现两端对齐文本效果首行缩进text-indent：em或px行高line-height：px居中显示居右显示首行缩进设置行高文本修饰和垂直对齐文本装饰te

7、xt-decoration属性垂直对齐方式vertical-align属性：middle、top、bottom值说明none默认值，定义的标准文本。underline设置文本的下划线。overline设置文本的上划线。line-through设置文本的删除线。blink设置文本闪烁。此值只在firefox浏览器中有效，在IE中无效。超链接伪类访问前，蓝色访问后，紫色图片边超链接后出现边框无超链接伪类样式语法标签名:伪类名{声明;}a:hover{color:#B46210;text-decoration:underline;}使用CSS设置

8、超链接设置伪类的顺序：a:link->a:visited->a:hover->a:active图片超链接没有边框黑色，超链接无下划线褐色、超接链有下划线设置鼠标形状CSS设置鼠标