目录
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. 总结