前端学习——CSS初学__4 CSS文本属性

前两天太emo了所以没有学习哈哈，现在开始继续学习CSS的文本属性。

文本属性可以定义文本的外观如颜色、对齐文本、装饰文本、行间距、首行缩进等。

1.文本颜色

color属性定义文本颜色。语法格式如下：

div {
  color: red;
}

颜色的表示有如下几种方法：

表示方法	属性值
预定义的颜色	red、green、blue、pink
十六进制	#FF0000、#FF6600、#29D794
RGB代码	rgb(255,0,0)或rgb(100%,0%,0%)

开发中最常用的是16进制！

2.对齐文本

text-align属性用于设置文本元素的水平对齐方式。语法格式如下：

div { 
  text-align: center;
}

对齐属性值如下：

属性值	解释
left	左对齐（默认值）
right	右对齐
center	居中对齐

4.3装饰文本

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

语法格式：

div {
  text-decoration: underline;
}

属性值包括下面这些：

属性值	描述
none	默认，啥也没
underline	下划线，链接a自带下划线
overline	上划线
line-through	删除线

4.4文本缩进

text-indent属性用来指定文本段落的首行缩进。语法规范如下：

div {
  text-indent: 10px;
}

还有一个很好用的属性值em：

p {
  text-indent: 2em;
}

em是一个相对单位，就是当前元素(font-size)1个文字的大小。

4.5行间距

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

语法格式：

p {
  line-height: 26px;
}

行间距包括了上间距，文本高度和下间距。改变行间距改变的是上间距和下间距。

4.6文本属性总结

属性	表示	注意
color	文本颜色	常用十六进制
text-align	文本对齐	/
text-indent	文本缩进	首行缩进两字符
text-decoration	文本修饰	下划线等
line-height	行高	设置行之间的距离

ps：为什么没有人评论我哇呜呜呜，再提问个问题：分手理由对我没有分享欲了，是不是真的没机会了哎，好难过。