文本属性是什么
文本属性用于控制一段文本的外观。
文本属性列表
| 属性 | 描述 |
|---|---|
| color | 文本颜色 |
| text-align | 规定文本的水平对齐方式。 |
| text-decoration | 规定文本装饰。 |
| text-shadow | 添加文本阴影。 |
| text-indent | 规定文本块(text-block)中的的首行缩进。 |
| text-transform | 控制文本的大写。 |
| letter-spacing | 添加字母之间的空白(字符间距) |
| word-spacing | 添加每个单词之间的空白(即字间隔) |
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:默认值。对原字母不进行转换。
- capitallze:文本中的每个单词以大写字母开头。(转成大写字母开头)
- uppercase:定义仅有大写字母。(全部转成大写字母)
- lowercase:定义无大写字母,仅有小写字母。(全部转成小写字母)
知识点
1.记住文本两段对齐
2.如何添加文本阴影
3.如何添加删除线
4.设置文本缩进的正确姿势