文本属性

缩进文本

在Web页面上一个段落的第一行缩进，这是一种最常用的文本格式化效果，有些网站在段落的第一个字母前面放一个很小的透明的图片，这个图像将文本推进到后面来制造一种缩进文本的感觉。另外一些网站则使用完全非标准的spacer标记。在css中，有一种更好的方法实现文本缩进，即text-indent属性。
通过使用text-indent属性，所有的元素的第一行都可以缩进一个指定的长度，甚至该长度可以是负值。当然，这个属性最常见的用途是将段落的首行缩进：

p:{text-indent:3em;}

一般地，可以为所有的块级元素应用text-indent，但无法将这个属性应用到行内元素，图像之类的替换元素也无法应用text-indent属性。不过，如果一个块极元素的首行中有一个图像，那么他会跟随该行其余的文本移动。

特别注意的是缩进是可以继承的。

水平对齐

与text-indent相比，text-align是一个更为基本的属性，它会影响一个元素中的文本行相互之间的对齐方式。
显然，值left、right、center会导致元素中的文本分别左对齐、右对齐和居中。因为text-align只应用于块级元素，所以无法将行内的一个锚居中而不影响行中的其余部分。justify是水平对齐，它会将本行的左右两端都放在父元素的内边界上。

垂直对齐

行高

line-height属性是指文本行基线之间的距离，而不是字体的大小，他确定了将各个元素框的高度增加或者减少多少。在最基本的情况下，指定line-height可以用来增加文本行之间的垂直间隔，人们认为这是一个了解line-height如何工作的简单方法，但其实并不简单。line-height控制了行间距，这是文本行之间超出字体大小的额外空间。换句话来说，line-height值和字体大小之差就是行间距。

在应用到块级元素时，line-height定义了元素中文本基线之间的最小距离。注意，它定义的是最小距离，而不是一个绝对数值，文本基线拉开的距离可能比line-height值更大。line-height并不影响替换元素的布局，不过确实可以应用到替换元素。

构造文本行

文本行中的每个元素都会生成一个内容区，这由字体的大小确定。这个内容区则会生成一个行内框，如果不存在其他的因素，这个行内框就完全鄂东南关于该元素的内容区。由line-height产生的行间距就是增加或者减少各行内框高度的因素之一。

要确定一个给定元素的行间距，只需将line-height的计算值减去font-size的计算值。这个值总的行间距。而且要记住，这可能是一个负值。然后行间距再除以2，折行间距的一般本别应用到内容区的顶部和底部。其结果就是该元素的行内框。