字间距
letter-spacing
- 可设置合法尺寸单位 如:px
- 可设置负值,当设置成负值时,字间距会比正常间距小
- letter-spacing:normal 设置正常的字间距
行高
line-height
- 行高可以控制行与行之间的间距,但不是行间距,而是行的间距
- 合理的行高:normal
- 尺寸单位(数字,百分比) 合理的行高
- 数字:当前字体尺寸的倍数来设置行高
- 百分比:当前字体尺寸的百分比来设置行高
- 行高经常用来使单行文本垂直居中
首行缩进
text-indent:32px / 2em (缩进两个文字)
- 默认缩进值:0
- 使用em作为首行缩进的尺寸单位,1em表示一个汉字的长度
- 允许使用负值,首行会缩进到左边
- 使用百分比,基于父元素宽度的百分比进行缩进,不建议使用
水平排列方式
text-align
- left:默认值,文本排列在左边
- right:文本排列到右边
- center:文本排列到中间
- justify:文本两端对齐,对单行文本无效,不建议使用
垂直对齐方式
vertical-align
- 垂直对齐方式:对行块元素,行内块级元素,表格有效
- baseline:默认值,对齐父元素基线
- sub:对齐下标
- super:对齐上标
- top:顶部对齐
- bottom:底部对齐
- middle:垂直居中对齐
- text-top
- text-bottom
文本修饰
text-decoration
- underline:定义下划线
- overline:定义上划线
- line-through:定义删除线
- blink:闪烁的文字效果,当前所有浏览器都不支持,低版本火狐浏览器支持
- 默认值是 none , 表示没有
- text-decoration:none , 删除自带的下划线
文本阴影
text-shadow
- text-shadow:值1,值2,值3,值4;
- 值1:水平阴影位置(必写),正值时,阴影在右;负值时,阴影在左
- 值2:垂直阴影位置(必写),正值时,阴影在下;负值时,阴影在上
- 值3:阴影模糊距离(可写可不写)
- 值4:阴影颜色(可写可不写),默认和文字颜色相同
文本属性重置
- 文本不等同文字,可以简单理解成包含行级元素,行内块级元素
- 重置下划线 —— text-decoration:none
- 重置字体风格 —— font-style:normal
- 重置字体粗细 —— font-weight:normal