一、 字体样式
字体大小 font-size
px (像素): 将像素的值赋予给你的文本。这是一个绝对单位， 它导致了在任何情况下，页面上的文本所计算出来的像素值都是一样的。
ems: *1em 等于我们设计的当前元素的父元素*上设置的字体大小 (更加具体的话，比如包含在父元素中的大写字母 M 的宽度) 如果你有大量设置了不同字体大小的嵌套元素，这可能会变得棘手, 但它是可行的，如下图所示。为什么要使用这个麻烦的单位呢? 当你习惯这样做时，那么就会变得很自然，你可以使用em调整任何东西的大小，不只是文本。你可以有一个单位全部都使用 em 的网站，这样维护起来会很简单。
rems: 这个单位的效果和 ems 差不多，除了 1rem 等于 HTML 中的根元素的字体大小， (i.e. ) ，而不是父元素。这可以让你更容易计算字体大小，但是遗憾的是， rems 不支持 Internet Explorer 8 和以下的版本。如果你的项目需要支持较老的浏览器，你可以坚持使用ems 或 px, 或者是 polyfill 就像 REM-unit-polyfill.
文字阴影 text-shadow
text-shadow: 4px 4px 5px red;4 个属性如下:
- 阴影与原始文本的水平偏移，可以使用大多数的 CSS 单位 length and size units, 但是 px 是比较合适的。这个值必须指定。
- 阴影与原始文本的垂直偏移;效果基本上就像水平偏移，除了它向上/向下移动阴影，而不是左/右。这个值必须指定。
- 模糊半径 - 更高的值意味着阴影分散得更广泛。如果不包含此值，则默认为0，这意味着没有模糊。可以使用大多数的 CSS 单位 length and size units.
- 阴影的基础颜色，可以使用大多数的 CSS 颜色单位 CSS color unit. 如果没有指定，默认为 black.
字符转换 text－transform
none
uppercase
lowercase
capitalize
text－intent 缩进文本
最常用于段落锁进
p {text-indent: 5em;}理论上，所有块级元素都可以用text-intent，行内元素不行
不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。
使用负值
text-indent 还可以设置为负值。利用这种技术，可以实现很多有趣的效果，比如“悬挂缩进”，即第一行悬挂在元素中余下部分的左边：
不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：\
p {text-indent: -5em; padding-left: 5em;}
使用百分比值
百分数要相对于缩进元素父元素的宽度
可以继承
二、文本布局
水平对齐 text-align
left,right,center,justify
行高 line-height
line-height: 1.5;通常为无单位的值，用来和font-size相乘
字间隔 word-spacing
word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近：
字母间隔letter-spacing
三、其他
文本装饰 text-decoration
none
underline
overline
line-through
blink
链接默认地会有下划线。如果您希望去掉超链接的下划线，可以使用以下 CSS 来做到这一点：
a {text-decoration: none;}
处理空白符 white-space
值 空白符 换行符 自动换行
pre-line 合并 保留 允许
normal 合并 忽略 允许
nowrap 合并 忽略 不允许
pre 保留 保留 不允许
pre-wrap 保留 保留 允许