先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式 zn
02默认情况下，不加任何样式时，这段文字的间距是很小的，如图
03为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为 letter-spacing: 12px就是每个文字间会有12像素的间距。
04再运行页面，就可以看到效果了。文字间的间距明显加大了。
line-height:行间距ling-height:属于用于设置行间距，就是行与行之间的距离。
text-aligh:水平对齐方式
text-aligh属性用于设置文本内容的水平对齐，相当于html中的align对齐属性，其可用属性值：
left
right
center
text-indent:首行缩进
text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值。
letter-spacing:字间距
letter-spacing属性用于定以字间距，所谓字间距就是字符与字符之间的空白，其属性值可谓不同单位的数值，允许使用负值，默认为normal
word-spacing:单词间距
word-spacing属性用于设定英文单词之间的间距，对中文字符无效。
字间隔word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。
word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近：
p.spread {word-spacing: 30px}
p.tight {word-spacing: -0.5em}
<p class="spread">
This is a paragraph. The spaces between words will be increased.
</p>
<p class="tight">
This is a paragraph. The spaces between words will be decreased.
</p>
字母间隔
letter-spacing 属性与 word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔。
与 word-spacing 属性一样，letter-spacing 属性的可取值包括所有长度。默认关键字是 normal（这与 letter-spacing:0 相同）。输入的长度值会使字母之间的间隔增加或减少指定的量：
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
<h1>This is header 1</h1>
<h4>This is header 4</h4>
望采纳……
