1. 什么是段落缩进？
在排版中，段落缩进是指除第一行外，段落所有行向右缩进，使其更易于区分段落。在中文排版中，通常采用“首行缩进”的方式，即只对第一行进行缩进，而其他行不缩进，这与英文排版中的习惯不同。
在传统排版中，缩进通常是通过制表符或空格来实现。但是，在使用CSS布局排版的Web页面中，推荐使用CSS样式来实现缩进，而不是手动键入制表符或空格。
2. 使用text-indent属性实现段落缩进
在CSS中，使用text-indent属性可以轻松设置段落缩进。
p {
text-indent: 2em; /* 设置段落首行缩进2个空格的宽度 */
}
text-indent属性的常用值有：
长度值：可以使用像素(px)、百分比(%)等单位来设置缩进距离。如text-indent: 20px;
em单位：使用em单位设置的缩进距离会根据其父元素的字体大小而定，如text-indent: 2em;表示缩进距离为字体大小的2倍。
负值：使用负值可以将缩进区域向左移动，可以用于实现首行凸显效果。
0：如果将text-indent设为0，那么段落中所有行都不会缩进，包括第一行。
2.1 设置段落首行缩进
在设置段落缩进时，通常只需要对段落的首行进行缩进，而不是每一行都缩进。
我们可以使用 text-indent 来设置段落首行缩进。例如，下面的代码可以将段落的首行缩进2个字符的距离：
p {
text-indent: 2em;
}
当然，如果你希望缩进的距离比2em更长或更短，可以将2em改为其他单位的数值。
2.2 设置段落第二行缩进
如果需要设置段落第二行缩进，那么就需要使用到CSS3的新属性text-indent: hanging。
text-indent: hanging可以让段落的第二行及其后续行缩进，而不是首行。这样的效果在某些特殊场合下可能会更实用。比如说，你需要在一篇文章中突出某些文字，而其他大部分文字都是正常段落。
接下来，我们看一下使用text-indent: hanging来设置段落第二行缩进的代码：
p {
text-indent: 2em;
text-indent: hanging; /* 覆盖原有的text-indent */
}
在上面的例子中，text-indent: hanging会覆盖text-indent: 2em，从而实现段落第二行缩进。
2.3 区分段落与列表项
在使用text-indent属性设置段落缩进时，需要特别注意的一点是，如果你的段落在一个无序列表或有序列表中，那么该列表的样式可能会与段落的样式混淆。
比如说，下面的代码中，无序列表的项目符号与段落首行缩进的距离是一样的，这样一来，段落与列表项就没有区别了：
ul {
list-style: disc; /* 设置列表为实心圆圈 */
}
ul li {
text-indent: 2em; /* 对于每一项都增加 2 个字符的缩进 */
}
为了避免这种混淆，可以通过指定只在标签中应用text-indent属性的方式来解决，如下所示：
p:not(:first-child) {
text-indent: 2em;
}
其中， :not(:first-child) 伪类选择器表示不对第一个子元素（即第一个列表项）进行缩进。这样，只有在标签中才会应用text-indent属性，而在列表项中则不会应用。
3. 总结
段落缩进是排版中非常基本的技能，无论是在传统印刷还是在Web页面中，都有着非常重要的作用。在CSS中，我们可以使用text-indent属性来设置段落缩进，通过调整text-indent属性的长度值、em单位、负值等来实现不同的缩进效果。
同时，可以使用 text-indent: hanging 来将段落的第二行及其后续行缩进，从而突出第一行的效果。
如果段落包含在列表中，一定要通过 :not(:first-child) 来限制只在p标签中应用缩进。此外，还可以通过其他CSS选择器来控制段落的缩进效果，以达到完美的排版效果。