[CSS] 文本属性

1 缩进文本
text-indent:3em// 段落首行缩进给定长度
- 只应用于块级元素,无法将这个属性应用与行内元素。图像之类的替换元素上也无法应用text-indent属性。
- 可以继承

-如果要设置成负值,为了防止超出边界,建议的写法如下:
p{text-indent:-4em; padding-left:4em;}

2 水平对齐
text-align: left/center/right/justify/inherit
- 只应用于块级元素
- 可以继承
- justify:在两端对齐的文本中,文本行的左右两端都放在父元素的内边界上,然后调整单词和字母间的间隔,使各行的长度恰好相等。

3 垂直对齐
line-height:指文本基线之间的距离,而不是字体之间的大小。line-height 控制了行间距,即line-height值和字体大小之差就是行间距。
应用于所有元素。但是在应用到块级元素时,line-height定义了元素中文本基线之间的最小距离。注意,它定义的是最小距离,而不是绝对值。文本基线拉开的距离可能比line-height值更大。line-height并不影响替换元素的布局。

4 垂直对齐文本
vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/..
vertical-align:只应用与行内元素和表单元素。如图像和表单输出元素。
vertical-align不能继承

5 字间隔和字母间隔
word-spacing:用于修改字间间隔
letter-spacing:用于修改字母间隔
二者都可以继承。

6 文本转换
text-transform:uppercase/lowercase/capitalize/none/inherit
7 文本装饰
text-decoration:none/underline/overline/line-through/blink
如果有多个值,则其会替换而不会累积起来。
这个属性不能继承!!
text-shadow:green 5px 0.5em;
前两个长度值确定了阴影与文本的偏移距离,第三个长度值可选,定义了阴影的“模糊半径“。负长度值会使阴影落在原文本的左上方。
这个属性也不能继承
8 处理空白符
white-space:normal/nowrap/pre/pre-wrap/pre-line/…
不可以继承
normal:丢掉多余的空白格,给定这个值,换行字符会转换成空格,一行中多个空格的序列也会转换为一个空格。
nowrap:防止元素中的文本换行。
pre:保留空白符
9 文本方向:
direction:

10 列表与生成内容
list-style-type:disc/circle/square/decimal/…
也可以通过list-style-image:url(),对标志使用指定图像。

list-style-position:outside/inside

你可能感兴趣的:(Web)