版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
CSS学习笔记_文本属性
本文内容：
CSS文本属性：
1. 文本颜色
2. 对齐文本
3. 装饰文本
4. 文本缩进
5. 行间距
6. 文本属性总结
1、文本颜色
color 属性用于定义文本的颜色
<style>
div {
color: red;
}
</style>
| 表示 | 属性值 |
|---|---|
| 预定义的颜色 | 例如：red , green , balck 等 |
| 十六进制 | #FF0000 |
| RGB代码 | rgb(255,0,0) |
开发中最常用的是十六进制形式。
2、对齐文本
text-align 属性用于设置元素内文本内容的对齐方式
<style>
div {
/*本质是让 div 盒子中的文字居中对齐*/
text-align: center;
}
</style>
| 属性值 | 解释 |
|---|---|
| left | 左对齐（默认值） |
| right | 右对齐 |
| center | 居中对齐 |
3、装饰文本
text-decoration属性规定添加到文本的装饰，可以给文本添加下划线、删除线、上划线等。
例如：
<style>
.black {
text-decoration: none; /*可以把链接的下划线去掉*/
color: black;
}
</style>
<body>
<a href="http://www.baidu.com" class="black">百度一下呗</a>
</body>
| 属性值 | 描述 |
|---|---|
none |
默认，没有装饰线（最常用） |
underline |
下划线，链接标签 a 自带下划线（常用） |
overline |
上划线（几乎不用） |
line-through |
删除线（不常用） |
注意：重点记住如何添加下划线，以及去掉下划线（比如去掉链接的下划线）
4、文本缩进
text-indent属性用来指定文本第一行缩进，通常是将段落的首行缩进
<style>
p {
text-indent: 20px;
}
</style>
通过设置该属性，所有段落的第一行都将缩进20px像素的长度，该长度甚至可以是负值。
<style>
p {
/*可以使段落首行缩进两个文字长度*/
text-indent: 2em;
}
</style>
注意：em是一个相对单位，就是当前元素（ font-size ）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的一个文字大小
5、行间距
line-height属性用于设置行间的距离（行高），可以控制文字行与行之间的距离。
<style>
p {
line-height: 26px;
}
</style>
行间距包括：上间距、文本高度、下间距，改变间距实际上是改变上下间距的距离。
扫描二维码关注公众号，回复：
7637697 查看本文章
举个栗子：假如文字本来的像素是16px，这时候你设置line-height为26px，那么就分别会有5px分给上间距和下间距。
6、文本属性总结
| 属性 | 表示 | 注意 |
|---|---|---|
color |
文本颜色 | 通常使用十六进制 |
text-align |
文本对齐 | 设定文字水平的对齐方式 |
text-decoration |
文本装饰 | 重点记住取消下划线none和添加下划线underline |
text-indent |
文本缩进 | 通常我们用于段落首行缩进两个字的距离text-indent: 2em; |
text-height |
行高 | 控制行与行之间的距离 |