文本（Text） 属性

CSS color 属性（文本颜色）

Color属性指定文本的颜色。

{color: #92a8d1;}

提示:请使用合理的背景颜色和文本颜色搭配，这样可以提高文本的可读性。

颜色为 16 进制值：{color: #92a8d1;}
颜色值为 RGB：{color: rgb(255,0,51);}
颜色值为 RGBA：{color: rgba(255,0,0,0.7);}
颜色值为 HSL：{color: hsl(120,100%,25%) ;}
颜色值为 HSLA：{color: hsla(240,100%,50%, 0.7);}

颜色值可以使用以下几种方式来设置：

color:red;    /* 红色 */
color:black;  /* 黑色 */
color:gray;   /* 灰色 */
color:white;  /* 白色 */
color:purple; /* 紫色 */

#f03
#F03
#ff0033
#FF0033
rgb(255,0,51)
rgb(255, 0, 51)

rgb(255,0,51)
rgb(255, 0, 51)
rgb(100%,0%,20%)
rgb(100%, 0%, 20%)

rgba(255,0,0,0.1)    /* 10% 不透明 */  
rgba(255,0,0,0.4)    /* 40% 不透明 */  
rgba(255,0,0,0.7)    /* 70% 不透明 */  
rgba(255,0,0,  1)    /* 不透明，即红色 */

hsl(120,100%,25%)    /* 深绿色 */  
hsl(120,100%,50%)    /* 绿色 */       
hsl(120,100%,75%)    /* 浅绿色 */

hsla(240,100%,50%,0.05)   /* 5% 不透明 */   
hsla(240,100%,50%, 0.4)   /* 40% 不透明 */  
hsla(240,100%,50%, 0.7)   /* 70% 不透明 */  
hsla(240,100%,50%,   1)   /* 完全不透明 */

CSS direction 属性（文本方向）

direction属性指定文本方向/书写方向。（左到右、右到左）

{
direction:rtl;
unicode-bidi: bidi-override;
}

unicode-bidi 属性与 direction 属性一起使用，来设置或返回文本是否被重写，以便在同一文档中支持多种语言。

bidi-override 创建一个附加的嵌入层面。重新排序取决于 direction 属性。

CSS letter-spacing 属性（字符间距）

letter-spacing 属性增加或减少字符间的空白（字符间距）

{letter-spacing:normal;}
{letter-spacing:2px;}
{letter-spacing:-3px;}
{letter-spacing:inherit;}

CSS line-height 属性（文本行高）

设置以百分比计的行高：.

{line-height:70%;}
{line-height:200%;}
浏览器的默认行高为“100%”

{line-height: 50px}

{line-height: 0.5}
{line-height: 2}
浏览器的默认行高为“1”

注意： 负值是不允许的

CSS text-align 属性（文本水平对齐）

text-align属性指定元素文本的水平对齐方式。

居中：{text-align:center;}
右对齐：{text-align:right;}
两端对齐：{text-align:justify;}

CSS text-indent 属性（首行缩进）

text-indent 属性规定文本块中首行文本的缩进。

{text-indent:50px;}

注意： 负值是允许的。如果值是负数，将第一行左缩进。

CSS text-decoration 属性

text-decoration 属性规定添加到文本的修饰，下划线、上划线、删除线等。

文本上的一条线：{text-decoration:overline;}
穿过文本下的一条线{text-decoration:line-through;}
文本下的一条线{text-decoration:underline;}

text-decoration 属性是以下三种属性的简写：

• text-decoration-line
• text-decoration-color
• text-decoration-style

（线、颜色、样式）

{text-decoration: underline overline dotted red;}  文本下一条线、文本上一条线、点线、红色

{text-decoration: underline overline wavy blue;} 文本下一条线、文本上一条线、波浪线、蓝色

线的值：

solid 默认值。线条将显示为单线。
double 线条将显示为双线。
dotted 线条将显示为点状线。
dashed 线条将显示为虚线。
wavy 线条将显示为波浪线。

虚线与波浪线在 Edge/Internet 浏览器中没有效果。

语法

/*关键值*/
text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*/

/*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;

CSS vertical-align 属性（垂直对齐方式）

vertical-align 属性设置一个元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

{vertical-align:text-top;}
{vertical-align:text-bottom;}

常用值：

CSS white-space 属性

white-space属性指定元素内的空白怎样处理。

文本不会换行：{white-space:nowrap;}

CSS word-spacing 属性

word-spacing属性增加或减少字与字之间的空白。(单词、词）

{ word-spacing:30px;}

注意： 负值是允许的。

--------------------------------------------

CSS text-align-last 属性

text-align-last 属性规定如何对齐文本的最后一行。

{
text-align: justify;
text-align-last: right;
-moz-text-align-last: right; /* 针对 Firefox 的代码 */
}

注意：text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。

注意：只有 Internet Explorer 支持 text-align-last 属性。