1，字体样式设置： 字体类型(风格)font-style / 字体粗细font-weight / 字体大小font-size / 字体系列font-family
组合值写法：字体风格和字体粗细可以都不写或者写一个，也可以换顺序，但是font-size和family的顺序不能换，也必须同时给。
注意：可以用font-size设置行高。例如：font-size:20px/100px;（20是字体大小，100是框的高度，100的单位可以是px,也可以是百分比）
2，扩展：字体单位px ,em , rem ( 必须掌握 )
① px（像素，相对于显示器屏幕分辨率而言）
PX特点
A,IE无法调整那些使用px作为单位的字体大小；
B,国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；
C,Firefox能够调整px和em，rem。但是96%以上的中国网民使用IE浏览器(或内核)。
② em（相对当前元素内文本的字体尺寸，会继承父元素大小）
EM特点
em的值并不是固定的；
em会继承父级元素的字体大小。
注意：
A,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。
B,为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了
③ rem （相对HTML根元素，最常用的单位）
这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
例如：
p {font-size:14px; font-size:.875rem;}
注意：
选择使用什么字体单位主要由你的项目来决定，如果你的用户群都使用最新版的浏览器，那推荐使用rem，如果要考虑兼容性，那就使用px,或者两者同时使用。
px与rem的选择：
A,对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可
B,对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
3，文本样式设置：
文本的颜色color
文本的居中方式text-align
段落首行缩进text-indent
文本装饰性(下划线)text-decoration
文本字母大小写转text-transform
文本的阴影text-shadow
段落文本的行高line-height
单词的间距word-spacing
字符的间距letter-spacing
空格换行处理white-space
设置文本方向direction
文本的剪裁text-overflow