CSS权威指南阅读笔记(六)--文本属性

一.缩进和水平对齐

1.缩进文本

在css中，有个很好的办法实现文本缩进，即text-indent属性。
通过使用text-indent属性，所有元素的第一行都可以缩进一个给定长度，甚至该长度可以是负值。这个属性最常见的用途就是将段落的首行缩进。

2.水平对齐

与text-indent相比，text-align是一个更基本的属性，他会影响一个元素中的文本行相互之间的对齐方式。
left,center,right分别代表左对齐，居中，右对齐；
text-align与<enter></center>的区别在于：text-align不会控制元素的对齐，而只影响其内部内容。<center>标签则会将整个元素居中；
最后一个水平对齐属性是justify，他也会带来一些自己的问题。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。

二.垂直对齐

1.行高

line-height属性是指文本行基线之间的距离，而不是字体的大小，它确定了姜戈各个元素框的高度增加或减少多少。也可以说，line-height与字体大小之差就是行间距。
应用到块级元素时，line-height定义了元素中文本基线之间的最小距离。

2.垂直对齐文本

vertical-align:baseline：要求一个元素的基线与其父元素的基线对齐；
vertical-align:sub：上标—声明会使一个元素变成下标，这意味着其基线相对于其父元素的基线降低。
vertical-align:super：下标—它与sub相反，它将元素的基线相对于父元素的基线升高。
vertical-align:bottom：底端对齐—将元素行内框的底端与行框的底端对齐。
vertical-align:top：顶端对齐—top的效果与bottom相反。
vertical-align:middle:居中对齐—middle会把行内元素框的中点与父元素基线上方0.5ex处的一个点对齐。
vertical-align：为其设置百分数，会把元素的基线(或替换元素的底边)相对于父元素的基线升高或降低指定的量。
例如：vertical-align:100%
vertical-align:为其设置指定的长度，长度对齐。
例如：vertical-align:4px;

三.字间隔和字母间隔

1.字间隔：

word-spacing属性接受一个正长度值或负长度值，这个长度会增加字之间的标准间隔。

2.字母间隔：

letter-spacing和word-spacing其实是一样的，真正的区别就在于字母间隔修改的是字符和字母之间的间隔。

3.间隔和对齐：

word-spacing的值可能受到text-align属性值的影响，如果一个元素是两端对齐的，字母和字之间的空间可能会调整，以便文本在整行中刚好放的下。

四.文本转换

text-transform属性共有以下几个值，分别具有不同的含义：
text-transform：none 对文本不做任何改动；
text-transform：upper-case 将文本转化为全大写字符；
text-transform：lower-case 将文本转化为全小写字符;
text-transform: capitaliz 只对每个单词的首字母进行大写。

五.文本装饰

text-decoration是一个很有意思的属性，它提供了很多非常有趣的行为：
text-decoration：none 不做改动；
text-decoration：underline 对元素加下划线；
text-decoration：overline 在元素的顶部画一个上划线；
text-decoration：line-through 在文本的中间画一个贯穿线;
text-decoration：blink 会让文本闪烁；

六.文本阴影

text-shadow:
前两个长度值确定了阴影与文本的偏移距离，第三个长度值可选，定义了阴影的“模糊半径”；
例如：text-shadow:{green 5px 0.5em};

七.处理空白符

white-space:
white-space: normal 这个规则告诉浏览器按平常的方法去做，丢掉空白符，给定这个值，换行字符会转换为空格，一行中的多个空格也会转换为一个空格。
white-space：pre 空白符不会被忽略；
white-space：nowrap 他会防止元素中的文本换行，除非使用了一个br元素。

八.文本方向

direction:ltr ==》left to right
direction:rtl ==》right to left
direction:inherit ==》继承