em是相对长度单位
无论字体大小设置多少，em单位作为缩进样式单位，即可自适应实现要缩进文字长度。
text-indent:2em 设置2em,就能实现无论字体大小设置多少，都能自适应缩进2个字的距离空格效果。
3、缩进2个汉字位置实例
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Text-indent属性设置缩进两字符</title>
<style type="text/css">
div {
width: 200px;
padding: .5rem;
margin: 1rem auto;
.f12 {
font-size: 12px;
.f20 {
font-size: 20px;
.indent {
text-indent: 2em;
.negative-indent {
text-indent: -2em;
</style>
</head>
<p class="f12 indent">字体大小12px，需要缩进2汉字，需要缩进2汉字</p>
<p class="f20 indent">字体大小20px，需要缩进2汉字，需要缩进2汉字</p>
<p class="f20 negative-indent">字体大小20px，我是负的缩进</p>
</div>
</body>
</html>
用CSS实现段落前面缩进两个字
段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
注：div标签不要忘记起始符。text-i
HTML5部分具体内容包括：
语义化标签：段落标签，标签自定义文字样式，标题标签，块，标签定义头部，标签定义底部，标签定义正文区段，标签定义侧边栏区域；
效果标签：标签实现换行效果，特殊字符 实现空格效果，标签实现水平线；
列表标签：使用实现无序列表，使用实现有序列表；
使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格；
表单标签：使用创建表单，文本输入框，密码输入框，数字输入框，网址输入框，邮箱输入框，创建文本域，单选框，复选框，使用select、option创建下拉菜单，提交按钮，重置按钮；
CSS3部分具体内同包括:
css引入方式：内联式，嵌入式，外部式，三种链接方式优先级；
css选择器：标签选择器，类选择器，ID选择器，后代选择器，通用选择器，伪类选择器（给html标签的某种状态设置样式），分组选择器；
样式继承，优先级，最高层级！important；
css字体样式：font-family设置字体系列，font-size设置字体大小，font-weight设置字体粗细，font-style设置字体样式，color设置字体颜色的三种形式，font的简写；
css文本样式：使用text-decoration添加文本修饰，text-indent：2em添加首行缩进俩字符，line-height设置行间距，letter-spacing设置字符间距，word-spacing设置英文单词间距，text-align设置文本对齐方式；
css盒模型：块级元素，内联元素，内敛块状元素，none使元素隐身，设置宽度、高度、背景色、边框、圆角，padding内边距，margin外边距；
css布局模型：流动模型flow，浮动模型float，层模型layer，层模型的绝对定位、相对定位、固定定位，相对定位与绝对定位组合；
css弹性盒模型：flex属性，横轴排列，纵轴排列，flex占比；
行内元素水平居中设置；
定宽块状元素水平居中设置；
已知宽高实现盒子水平垂直居中；
不知宽高实现盒子水平垂直居中。
要在
CSS中实现
首行缩进两个字符的效果，你可以使用
text-
indent属性。可以将
text-
indent设置为一个正值来达到缩进的效果。下面是一个示例：
```
css
text-
indent: 2em; /* 2个
字符的宽度 */
在这个示例中，我们将
段落（`<p>`）的
首行缩进设置为2个
字符的宽度。你可以根据需要调整值来实现不同的缩进效果。
