CSS文本处理

italic与oblique的区别。基本来说，斜体（italic)是一种单独的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique)文本则是正常竖直文本的一个倾斜版本。

除了大小和风格，字体还可以有变形。font-variant,它只有两个非继承值：默认值normal和small-caps,normal描述正常文本，small-caps要求使用小型大写字母文本。

在css中，有一种更好地方法实现文本缩进，即text-indent属性。通过使用text-indent属性，所有元素的第一行都可以缩进一个给定长度，甚至该长度可以是负值。

vertical-aign:bottom将元素行内框的底端与行框的底端对齐。vertical-align:top的效果与bottom刚好相反。vertical-align:text-bottom与vertiacal-align:text-top的作用相反。还有一个值middle，它往往应用于图像。middle会把行内元素框的中点与父元素基线上方0.5ex处的一个点对齐，这个的1ex相对于父元素的font-size定义。

最后，来考虑根据指定长度垂直对齐。vertical-align很明确：它把一个元素升高或降低指定的距离。

word-spacing属性接受一个正长度值或负长度值。实际上，word-spacing用于修改字间间隔。因此，默认值normal与设置值为0是一样的。

像word-spacing属性一样，letter-spacing属性的可取值包括所有长度。

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

text-transform属性处理文本的大小写。默认值None对文本不做任何改动，将使用源文档中原有的大小写。顾名思义，uppercase和lowercase将文本转换为全大写或全小写字符。最后，capitalize只对每个单词的首字母大写。

text-decoration不寻常的一面。第一个奇怪的地方是text-decoration不能继承。没有继承性意味着文本上画得任何装饰线与父元素的颜色相同。即使后代元素本身有其他颜色也是如此。

处理空白符。white-space，它会影响用户代理对源文档中得空格、换行和tab字符的处理。默认xhtml处理已经完成了空白符处理。它会把所有空白符合并为一个空格。如果将white-space设置为pre,受这个属性影响的元素中，空白符的处理就有所不同，就好像元素是XHTML pre元素一样。空白符不会被忽略。不过，如果white-space值为pre,浏览器将会注意额外的空格，甚至回车。在这个方面，而且仅在这个方面，任何元素都可以相当于一个pre元素。与之相对的值是nowrap，它会防止元素中的文本换行，除非使用了一个br元素。在CSS中使用nowrap非常类似于HTML4中用<td nowrap>将一个表单元素设置为不能换行，不过white-space值可以应用到任何元素。

direction属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向，以及两端对齐元素中最后一行的位置。对于行内元素，只有dangunicodebidi属性时而这为embed时才会应用direction属性。