CSS 文本属性小结

字间距

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