HTML&CSS——text-indent:2em详解

记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，总是在前面加上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;"属性，只能加在块状元素上面，内联元素是不起作用的。