字体样式及其属性、文本外观属性

字体样式属性

• font-size:字号大小

相对长度单位	说明
em	相对于当前对象内文本的字体尺寸
px	像素
绝对长度单位	说明
in	英寸
cm	厘米
mm	毫米
pt	点

• font-family:字体

1. 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，就会尝试下一个，直到找到合适的字体
2. 各种字体之间必须使用英文状态下的逗号隔开
3. 当需要设置英文字体时，英文字体名必须位于中文字体名之前
4. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号和双引号

• font-weight:字体粗细

值	描述
normal	默认值，定义标准的字符
bold	定义粗体字符
bolder	定义更粗的字符
lighter	定义更细的字符
100~900	定义有细到粗的字符，400等同于normal，700等于bold

• font-style:字体风格

1. normal：默认值，标准的字体样式
2. italic：浏览器会显示斜体的字体样式
3. oblique：浏览器会显示倾斜的字体样式

文本外观属性

• color：文本颜色

• letter-spacing:字间距

• word-spacing:单词间距（用于定义英文单词之间的间距，对中文字符无效）

• line-height:行间距（属性值有三种像素px、相对值em、百分比%）

• text-transform:文本转换（用于控制英文字符的大小写：none（不转换，默认值），capitalize（首字母大小写），uppercase（全部字符转换为大写），lowercase（全部字符转换为小写））

• text-decoration:文本装饰（none（没有装饰），underline（下划线），overline（上划线），line-through（删除线））

• text-align:水平对齐方式（用于设置文本内容的水平对齐：left（左对齐，默认值），right，center）

• text-indent:首行缩进

• white-space:空白符处理（normal：常规，文本中的空格、空行无效、满行后自动换行。pre：预格式化，按文档的书写格式保留空格，空行原样显示。nowrap：空格空行无效，强制文本不能换行，除非遇到换行标记（br），内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条）

• text-shadow:阴影效果（基本语法{text-shadow:h-shadow v-shadow blur color;}）水平阴影距离，垂直阴影距离，blur模糊半径，color阴影颜色

• text-overflow：标示对象内溢出文本（clip：修剪溢出文本，不显示省略标记"·····"。ellipsis：用省略标记”····“标示被修剪文本，省略标记插入的位置是最后一个字符）