文本属性
功能 | 属性名 | 描述 |
---|
缩进文本 | text-indent | 设置行的缩进大小,值可以为正值或负值,单位可以用em、px或百分比(%) |
水平对齐 | text-align | 取值left、right、center、justify(两端对齐,如下图2) |
垂直对齐 | vertical-align | 设置文本的垂直对齐方式,取值bottom、top、middle、baseline |
字间距 | word-spacing | 设置字(单词)之间的标准间隔,默认是normal(或0) |
字母间隔 | letter-spacing | 设置字符或字母之间的间隔 |
字符转换 | text-transform | 设置文本中字母的大小写,取值none、uppercase、lowercase、capitalize |
文本修饰 | text-decoration | 取值none(去掉下划线)、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁) |
空白字符 | white-space | 取值 normal(忽略多余)、pre(正常显示)、nowrap(文本不换行,除非遇到<br/> 标签); |
水平对齐例子:


图一为默认水平对齐方式;图二添加水平对齐样式为两端对齐text-align: justify;
;
伪类
伪类名 | 描述 |
---|
:active | 向被激活的元素添加样式 |
:hover | 鼠标悬浮在元素上方时,向元素添加样式 |
:link | 向未被访问的链接添加样式,仅适用于超链接 |
:visited | 向已被访问的链接添加样式,仅适用于超链接 |
:focus | 向拥有键盘输入焦点的元素添加样式 |
:checked | 向已被选中的元素添加样式 |
:disabled | 向被禁用的元素添加样式 |
伪元素
伪元素 | 描述 |
---|
:first-line | 向文本的首行添加特殊样式 |
:first-letter | 向文本的第一个字母或汉字添加特殊样式 |
:before | 在元素之前添加内容 |
:visited | 在元素之后添加内容 |