示例：

p {
    text-indent: 2em; /* 缩进两个汉字宽度 */
}

这样，每个段落的首行会向内缩进2个字符的位置，符合中文排版习惯。你也可以使用像素（px）、百分比（%）等单位。

• 推荐使用 em 单位，它相对于当前字体大小，更具响应性
• 负值可用于悬挂缩进（如参考文献列表）
• 该属性只影响第一行，后续行不受影响

::first-line 伪元素的作用与限制

::first-line 用于选中块级元素第一行的文本，常用于设置第一行的字体、颜色、粗细等样式。

示例：

p::first-line {
    color: red;
    font-weight: bold;
}

虽然它操作的是“第一行”，但无法替代 text-indent 来实现缩进。如果你尝试在 ::first-line 中使用 text-indent，部分浏览器可能不支持或行为不一致，因此不推荐这样做。

结合使用场景建议

实际开发中，你可以同时使用两者达到更丰富的排版效果：

p {
    text-indent: 2em;
    text-align: justify;
}
p::first-line {
font-variant: small-caps; / 首行小型大写字母 /
}

这样既实现了标准的首行缩进，又让第一行具有特殊样式，增强可读性和美观性。

基本上就这些——想缩进用 text-indent，想美化第一行用 ::first-line，两者各司其职，配合使用效果更佳。