前端基础：CSS文本属性（常用）

目录

1. 文本颜色

2. 对齐文本

3. 装饰本文

4. 文本缩进

5. 行间距

6.  总结

---

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

1. 文本颜色

color属性可以定义文本颜色

 p {

            color: red;

        }

表示	属性值
颜色值	red，green，red等
十六进制	#FF00000,#FF66000等
RGB代码	rgb（255,0,0）或者rgb（100%，0%，0%）

开发中常用的是十六进制。

2. 对齐文本

text-align 属性用于设置元素内文本内容的水平对齐方式

 h2 {

            text-align: center;

        }

属性值	说明
left	左对齐
right	右对齐
center	居中对齐

开发中常用text-align：{center；}来水平居中文字

3. 装饰本文

text-decoration 属性给文本修饰。如下划线、删除线、上划线

div {

            text-decoration: underline;

        }

属性值	描述
none	默认没有装饰线（最常用）
underline	下划线。链接a默认带下划线（常用）
overline	上划线（几乎不用）
line-through	删除线（不常用）

4. 文本缩进

text-indent属性来指定文本第一行缩进，通常用于段落缩进。

 p {

            text-indent: 2em;

        }

注：em是当前一个元素的大小，如当前元素无设置大小，会以父级元素显示

5. 行间距

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

  p {

            line-height: 20px;

        }

• 实际开发中常用line-height=height来垂直居中文字
• 测量行高方法：从上一行的最下沿到下一行得最下沿（如下图）

6.  总结