文本属性是?
用于控制文本。
设置一段文本。
文本属性有6种:
文本水平对齐方式,文本装饰,首行缩进,文本阴影,文本大写,文本颜色,字符间距,空格不换行,溢出隐藏。
属性 | 描述 |
---|---|
text-align | 规定文本的水平对齐方式。 |
text-decoration | 规定文本装饰。 |
text-indent | 规定文本块(text-block)中的的首行缩进。 |
text-shadow | 添加文本阴影。 |
text-transform | 控制文本的大写。 |
text-align
letter-spacing: .5em; 标题间距
word-spacing: 1em;在文本中空格,网页识别为字母。
定义:文本的对齐方式。
语法: text-align:left;center;right;justily|
属性值:
- left
默认值,左对齐 - center
居中对齐 - right
右对齐 - justify
两端对齐
记住文本两端对齐 : justify
- inherit
规定应该从父元素继承 text-align 属性的值。
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表示一个字符
- rem
- %
- vh/vw
绝对值: - px
text-transform
定义:定义英文字母的小写转换.
语法:
body{text-transform:none | capitalize | uppercase | lowercase}
属性值:
- none:默认值。对原字母不进行转换
- capitalize :文本中每一个英文单词都以大写开头 (首字母转为大写)
- uppercase : 定义仅有大写字母 (全部转换为大写字母)
- lowercase :定义无大写字母,仅有小写字母(全部转为小写字母)