网站首页 >> 技术资料 >> 直播运营 >> css字间距（css设置字体间距）
本篇文章给大家谈谈css字间距，以及css设置字体间距对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
css字间距（css设置字体间距）
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、用比例参数设置
行间距＝字号×参数
css字间距（css设置字体间距）
一、实现所需CSS样式：
首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。
传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。
二、可调节的文字下划线距离实例
1、实例代码
2、修改后的代码
三、结果：
在HTML中，可以通过CSS样式表中设置letter-spacing属性来控制字符的间距。
第一步：新建一个HTML文件，在正方中输入“字符间距代码”。如下图：
第二步：在空白处点击右键，选择CSS样式，再选择新建...如下图：
第三步：在出现的新建CSS规则对话框中，在“选择器名称”下面输入SCC文件名称，然后点击确定按钮。如下图：
第四步：在弹出的CSS规则对话框中选择区块，再选择其中的"letter-spacing"属性(letter-spacing属性就是用来设置字符的间距的。)，输入你想要的值，单位选择px(像素)。如下图：
第五步：此时就在代码的
与间插入了样式代码，但此样式还没应用于文字，所以文字的字符间距没有变化。如下图：第六步：选择要设置字符间距的文字，点击鼠标右键，在出来的右键菜单中选择css样式，再选择刚才新建的css样式“字符间距”。如下图：
第七步：下图为设置好字符间距的效果图。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的