目录
一、控制文字的样式
- 字体大小默认在浏览器下是16px(1em)，在谷歌浏览器下默认设置文字大小支持的最小是12px
- 9pt = 12px
二、相关属性
1、字体属性font
font属性的简写：font-style font-weight font-size/line-height font-family；
(1)font-family：字体1，字体2，字体3；
(2)font-weight：bolder/bold/normal/100-900，在css规范中，把字体的粗细分为9个等级，分别为100（更轻）— 900（更重），500为常规字体；
(3)font-style：italic/oblique/normal，italic和oblique都是向右倾斜的文字，但区别在于Italic是指斜体字，而Oblique是倾斜的文字；
(4)font-size: 必须加单位；
(5)color：颜色值；
(6)text-align: 水平对齐方式，left/right/center；
(7)letter-spacing：字间距，控制英文字母或汉字的字距；
2、文字行高line-height
值：normal/value
A)行高=容器高，单行文本在容器中垂直方向居中对齐；
B)行高<容器高，单行文本在容器中垂直中齐以上任意位置的定位；
C)行高>容器高时，单行文本在容器中垂直中齐以下任意位置的定位。（IE6及以下版本存在浏览器兼容问题）
3、空余空间white-space
(1)normal:默认值，空白会被浏览器忽略；
(2)nowrap:文本不会换行，文本会在同一行上继续，直到遇到<br/>标签为止；
(3)pre:空白会被浏览器保留，类似于HTML中的pre标签；
(4)pre-wrap:保留空白符序列，但正常进行换行；
(5)pre-line:合并空白符序列，但是保留换行符；
(6)inherit:规定应该从父元素继承white-space属性的值（IE浏览器不支持此值）；
4、省略号text-overflow
(1)clip:显示简单的裁切；
(2)ellipsis:当对象内文本溢出时，显示省略号；
5、溢出属性overflow
(1)visible:默认值，内容不会被修改；
(2)hidden:内容会被修剪，内容不可见；
(3)scroll:内容会被修剪，但会显示滚动条，可以查看其余内容；
(4)auto:如果内容被修剪，会显示滚动条，可以查看其余内容；
(5)inherit：规定应该从父元素继承overflow的值；
拓展实现单行文本溢出时产生省略号：
width:value;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;
6、文本修饰text-decoration
(1)none:没有修饰
(2)underline:添加下划线
(3)overline:添加上划线
(4)line-through:添加删除线
7、首行缩进text-indent
首行缩进2个字，text-indent:2em；
(1)text-indent可以取负值；
(2)text-indent属性只对第一行起作用；