文本属性（Text）
| 属性 | 描述 |
|---|---|
| color | color 属性规定文本的颜色。这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）。属性值： 1.预定义的颜色，如red、green、blue等。 2.规定颜色值为十六进制值的颜色（比如 #FF0000，每两位分别代表颜色红绿蓝），当每种颜色中的数值都是同一个的时候可以简写（如#ff2200，#f20），该类方式最常用。 3.规定颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)，取值0-255，或rgb(100%,0%,0%)，分别为红绿蓝）。 |
| line-height | line-height 属性设置行间的距离（行高），不允许使用负值。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。常用属性值单位有三种： 1.像素px，设置固定的行间距。 2.相对值em，设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 3.百分比%，基于当前字体尺寸的百分比行间距。 其中px为最常用，一般情况下，行距比字号大7、8像素左右即可。 |
| text-align | text-align 属性规定元素中的文本的水平对齐方式，相当于html的align属性。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。常用取值： 1.left 把文本排列到左边。默认值：由浏览器决定。 2.right 把文本排列到右边。 3.center 把文本排列到中间。 4.justify 实现两端对齐文本效果。 |
| text-indent | text-indent 属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值，那么首行会被缩进到左边。取值方式： 1.不同单位的数值，如px，定义固定的缩进。默认值：0px。 2.%，相对于浏览器窗口的百分比的缩进。 3.em，字符宽度的倍数。建议使用该方式。 |
| letter-spacing | letter-spacing 属性增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0（即不增加额外间距）。允许使用负值，这会让字母之间挤得更紧，属性值可以为不同单位的数值。可设置英文字母的间距 |
| word-spacing | word-spacing 属性增加或减少单词间的空白。默认值：normal ，就等同于设置为 0。允许指定负长度值，这会让单词之间挤得更紧，对中文字符无效，属性值可以为不同单位的数值。 |
| color（CSS3新增颜色半透明） | color：rgba（r，g，b，a），a为alpha，透明意思，取值：0~1之间。 |
| text-shadow | text-shadow 属性应用于阴影文本，为文字添加阴影效果。 text-shadow: h-shadow v-shadow blur color;属性取值说明： 1.h-shadow： 必需。水平阴影的位置。允许负值。 2.v-shadow： 必需。垂直阴影的位置。允许负值。 3.blur： 可选。模糊的距离。 4.color： 可选。阴影的颜色。 |
| text-decoration | text-decoration 属性规定添加到文本的修饰，这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中，修饰的颜色由 “color” 属性设置。取值： 1.none ：默认。定义标准的文本，即不加修饰。 2.underline ：定义文本下的一条线。 3.overline ：定义文本上的一条线（该修饰为链接标签自带）。 4.line-through ：定义穿过文本下的一条线。 5.blink ：定义闪烁的文本。 |
注意：
text-shadow可以有多组属性，属性组之间用逗号分隔。可以用来实现文字的凹凸效果。
凹凸效果示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
background-color: #ccc;
}
div {
color: #ccc;
font: 700 80px "微软雅黑";
text-shadow: 1px 1px 1px #000, -1px -1px 2px #fff;
//凸效果，逗号分隔两组属性。
//凹效果：text-shadow: 1px 1px 1px #fff, -1px -1px 2px #000;
}
</style>
</head>
<body>
<div>张建文</div>
</body>
</html>
