CSS文字属性详细分解.pptVIP

  • 15
  • 0
  • 约1.61千字
  • 约 17页
  • 2016-12-19 发布于湖北
  • 举报
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

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档