1、打开Notepad++，新建一个文件
2、输入图中内容：
3、保存为：css.html，当然你也可以使用其它的名字，但扩展名需要使用.htm或.html
4、选择文件的保存位置，点击保存按钮
5、然后添加一个标签，输入一段用来测试的文字。
6、使用浏览器打开查看显示样式，现在还没有缩进。
7、接下来添加样式，这里我们使用内联样式，给P标签添加样式： style="text-indent:2em"
8、再刷新刚刚打开的网页看效果，是不是缩进了两个字符啊！
这里我们是使用em这个单位来缩进了两个字符，你也可以使用px作为单位来缩进指定的像素。
1、每行都放在p标签里，再设置p标签的样式。
2、在每行文字前面加空格或是span标签，设置span标签padding-left:2em这个数值自己改改也行。
例如：
p标签已经引用了一个css样式名：
second
那么就在此css样式内添加一个属性即可：
text-indent:2em
首行缩进两行，2em 是两个文字越大，间隔越大。
扩展资料：关于CSS设置字间距、行间距、首行缩进
一、字间距
1、text-indent设置抬头距离css缩进
即对对应div设置css样式text-indent : 20px缩进了20px
2、letter-spacing来设置字与字间距_字符间距离，字体间距css样式
即对对应div设置css属性样式为letter-spacing:8px，字间距为8px
二、行间距
在CSS中，可以设置行间距，格式如下：
标签名{line-height:参数}
根据参数不同有3种方法：
1、用数字参数设置
行间距＝字号×参数
2、用单位参数设置
行间距＝参数
3、用比例参数设置
行间距＝字号×参数
