文本属性是什么
文本属性用于控制一段文字的外观
文本属性列表
| 属性 | 描述 |
|---|---|
| text-align | 规定文本的水平对齐方式。 |
| text-decoration | 规定文本装饰。 |
| text-shadow | 添加文本阴影。 |
| text-indent | 规定文本块（text-block）中的的首行缩进。 |
| text-transform | 控制文本的大写。 |
text-align属性
定义
定义文本的对齐方式。
语法
p{
text-align: left | center | right | justify
}
属性值
- left : 规定文本左对齐。默认值
- center: 规定文本水平居中对齐。
- right: 规定文本右对齐。
- justify: 规定文本两端对齐。
text-decoration属性
定义
定义文本修饰线。
语法
p{
text-decoration: overline | line-through | underline | none
}
属性值
- overline: 添加上划线
- line-through : 添加删除线
- underline: 添加下划线
- none: 取消修饰线。默认值
text-shadow属性
定义
定义文本阴影。
语法
h1{
text-shadow: 水平偏移 垂直偏移 模糊半径 颜色;
}
属性值
- x-offset: 设置水平偏移。单位是像素。正直向右，负值向左。
- y-offset：设置垂直偏移。单位是像素。正值向下，负值向上。
- blur： 设置模糊半径。数值越大越模糊。
- color：设置阴影的颜色。
text-indent属性
定义
定义文本缩进。
语法
p{
text-indent: 相对值 | 固定值
}
属性值
-
相对值：
- em: em表示一个字符，使用字符设置文本缩进。缩进2个字符，就是2em。 推荐
- rem
- %
- vh/vw
-
绝对值
- px：使用像素设置文本缩进。不推荐。
text-transform属性
定义
定义英文字母的小写转换。
语法
body{
text-transform: none | capitalize | uppercase | lowercase
}
属性值
- none : 默认值。对原字母不进行转换。
- capitalize：文本中的每个单词以大写字母开头。(转成大写字母开头）
- uppercase: 定义仅有大写字母。（全部转成大写字母）
- lowercase: 定义无大写字母，仅有小写字母。（全部转成小写字母）
知识点
- 记住文本两端对齐
- 如何添加文本阴影
- 如何添加删除线
- 设置文本缩进的正确姿势
