html首行缩进2字符怎么设置

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

2、输入图中内容：

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

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

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

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

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

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

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

段落前面空两个字的距离，不要再使用空格了，用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、每行都放在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、用比例参数设置

行间距＝字号×参数

---