HTML里面怎样每段文字首行缩进两个字体？

段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。

<style type="text/css">

<!--

p{

text-indent: 2em/*em是相对单位，2em即现在一个字大小的两倍*/

}

-->

</style>

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。

1、打开Notepad++，新建一个文件

2、输入图中内容：

3、保存为：css.html，当然你也可以使用其它的名字，但扩展名需要使用.htm或.html

4、选择文件的保存位置，点击保存按钮

5、然后添加一个标签，输入一段用来测试的文字。

6、使用浏览器打开查看显示样式，现在还没有缩进。

7、接下来添加样式，这里我们使用内联样式，给P标签添加样式： style="text-indent:2em"

8、再刷新刚刚打开的网页看效果，是不是缩进了两个字符啊！

这里我们是使用em这个单位来缩进了两个字符，你也可以使用px作为单位来缩进指定的像素。

一般用tab键进行缩进，占位4个字符，不要用空格。这个主要看个人习惯，统一即可。

各个编辑器的缩进方式

sublime里面用tab缩进，是默认的4个字符。

phpstorm中写代码可以设定4个字符的缩进，或者2个字符缩进。

---