CSS文字属性详细分解.pptVIP

CSS文字属性 1、文本属性设置 2、文字排版 重点难点 一、css文字属性 1、字体设置 Font-family ---- 字体 例如：p{ font-family:”arial”; } 例如：p{ font-family:”方正彩云简体”,”华文彩云”; } 中文网页 标题习惯用黑体或宋体加粗 段落使用宋体 英文网页 标题习惯用Arial Black 段落使用Arial 参考1字体.html 参考1字体.html 2、字号大小： 语法：font-size：12px； 单位类型 绝对单位 绝对关键字 相对单位 相对关键字 绝对单位： px 像素 in 英寸 pt 点或磅 cm 厘米 mm 毫米 相对单位： em 相对大小 例如： .one{font-size:0.5em;} 原来基础上乘以0.5 .one{font-size:2em;} 原来基础上乘以2 参考2绝对单位相对单位.html 绝对大小关键字 相对大小关键字 xx-small smaller x-small larger small medium large x-large xx-large 参考3绝对关键字和相对关键字.htm 注意： 这里不推荐使用绝对关键字和相对关键字， 因为在IE6和FF中显示效果不一样。 3、文字效果 文字加粗：font-weight:bold; （参考“4字体重量.html”） 文字倾斜：font-style:italic; （参考“5文字效果.html”） text-decoration: underline、overline、 line-through、blink或none. （参考“6文本修饰属性.html”） 下划线 上划线 删除线 闪烁(只有Netscape支持) 4、英文大小写转换 Text-transform: capitalize 每个词首字母大写 uppercase 所有字母大写 lowercase 所有字母小写 none 正常显示 参考7大小写.html 5、 单词间距：word-spacing 字母间距：letter-spacing 行间距： line-height 6、 文本缩进：text-indent 参考8单词字母间距.html 参考9文本缩进.html 7、文本颜色 color：white； 文本背景颜色background-color:red; 下面几种方法都能设置文字为白色： color:white; color:#fff; color:#ffffff; color:rgb(255,255,255); color:rgb(100%,100%,100%); 参考10颜色.html 8、文本对齐 水平对齐 text-align:left、right、center或justify 垂直对齐 vertical-align:top、middle、bottom 垂直对齐也可以跟数值： vertical-align:10px;（用于上标） vertical-align:-10px; （用于下标） 两端对齐 参考11对齐.html