CSS Text文本

目录

　　CSS 文本

　　color

　　text-align

　　text-decoration

　　text-indent

　　line-height

　　文字垂直居中

CSS 文本

　　CSS Text（文本）属性可以定义文字的外观，如文本的颜色、文本对齐、装饰文本、文本缩进、行间距等等。

文本颜色

color属性用于定义文本的颜色。

div {
    color: red;
}

颜色的表示方式：

　　预定义的颜色值：red、green、blue

　　十六进制：#ffoooo、#ff6600

　　RGB代码：rgb(255,0,0)或者rgb(100%,0%,0%)

对齐文本

text-align属性用于设置元素内文本内容的对齐方式（盒子内文本对齐）。

div{
    text-align: center;
}

属性：

　　center：居中；left：居左；right：居右

装饰文本

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

div {
  text-decoration: underline;  
}

　　属性：

　　underline：下划线；line-through：删除线；over-line：上划线；none：取消下划线

文本缩进

　　text-indent属性用来执行文本的第一行的缩进，通常是将段落的首行缩进

p {
    text-indent: 2em/20px;
}

　　说明：2em表示缩进当前元素大小的两倍

行间距

　　line-height属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离

/* 
 文本的组成（行高）：
    上间距
    文本高度
    下间距
*/
div {
    line-height: 25px;
}

总结

　　color: 文本颜色

　　text-align：文本对齐

　　text-indent: 文本缩进

　　text-decoration: 文本修饰

　　line-height：行高

文字垂直居中

div {
   height: 20px;
   line-height: 20px;    
}