CSS学习教程:文本段落缩进text-indent:2em

武林网(www.vevb.com)文章简介：高手请略过，网页教学网提供的这个小技巧教程适合初学CSS的人和网页制作的人，主要实现在段落的前面自动缩进两个字。

高手请略过，网页教学网提供的这个小技巧教程适合初学CSS的人和网页制作的人，主要实现在段落的前面自动缩进两个字。

记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，总是在前面加上8个空格，因为过去大家对CSS不熟悉，这种方法实现虽然比较直接，但是文字多的时候会有很多“ ”充斥在代码中，代码显着比较乱，现在我们实现这种效果就简单多了，直接在CSS代码中加入：

text-indent:2em;

就很容易实现文本段落的缩进~

text-indent:2em;

解释一下：text的意思是文本，indent在计算机英语中意思是缩进，至于后面的2em意思就是2个相对单位；

em是什么单位？

em这个单位的意思就是文字的高度，1em就是1个文字的高度，2em就是两个文字高度，所以我们写的“text-indent:2em;”的意思就是，文本缩进2个文字的高度，因为汉字是方块字，高度和宽度是一样的，所以缩进2个文字的高度，就等于缩进两个文字的宽度，最后的效果就是缩进了两个文字。

说明一点

对于"text-indent:2em;"属性，只能加在块状元素上面，内联元素是不起作用的。