文本属性
font-size字体大小
说明:单位是px,浏览器默认是16px,设计图常用字号是12px
font-family字体
说明:当字体是中文字、英文字体中有空格时,需加双引号;多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个字体,以此类推,如果都没有默认是微软雅黑
一般浏览器支持的字体:
color颜色
- color:red;单词
- color:#ffffff;颜色# 16进制0-9 A-F 每两位是一个颜色 两个值一样时可以只写一个
- color(255,0,0);颜色rgb 取值0-255 0最弱 255最强
font-weight加粗
font-weight:bolder(更粗的)/bold(加粗)/normal(常规)
font-weight:100-900;(取值)
100-500不加粗 600-900加粗
- 100细体 400正常 700加粗 900更粗 (强调性 显示无大区别)
- lighter细体 normal正常 blod加粗 bloder更粗 (强调性 显示无大区别)对应上
font-style倾斜
font-style:italic(斜体字)/oblique(倾斜的文字)/noemal(常规显示);
- italic倾斜 oblique更倾斜(强调)noemal常规显示
text-align文本水平对齐
text-align:left;水平靠左
text-align:right;水平靠右
text-align:center;水平居中
text-align:justify;水平两端对齐,但是只对多行文本起作用。
line-height行高
line-height的数据=height的数据,可以实现单行文本垂直居中
text-ident首行缩进
text-ident只对第一行起作用 可以取复值;text-indent属性只对单行文本垂直居中
单位em:当前字体的N倍
letter-spacing字间距
控制文字和文字之间的间距
文本间距分为:词间距,字符间距
- 字间距 letter-spacing 建议汉字
- 词间距 word-spacing 建议英语
text-decoration文本修饰
text-decoration:none没有/underline下划线/overline上划线/line-through删除线
- 多个修饰用空格隔开
font字体简写
font是font-style font-weight font-size / line-height font-family 的简写。
font:italic 800 30px/80px “宋体”;顺序不能改变,必须同时指定font-size和font-family属性时才起作用
text-transform大小写
capitalize首字母大写 lowercase全部小写 uppercase全字母大写 none没效果
THE END