整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
line-height 行高属性 控制行与行之间的间距
这个属性大家应该很熟悉，毕竟太常用了：
比如line-height：120% 和 line-heihgt：1.2 和line-height：1.2em 之间的区别
通常设置行高的方式有以下几种
normal 默认。设置合理的行间距。
number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。
上面的区别主要在于line-height的继承
1. normal，父、子元素的行高由浏览器分别计算得到。
2. number，父、子元素根据各自的 font-size * number 计算得到行高。
3. length（带有 css 单位，如 em，px 等），子元素直接继承父元素的行高。
4. %，子元素直接继承父元素的行高，父元素的行高根据自己的 font-size 计算得到。
因此想要line-height随着font-size缩放 早好采用数值
间距是页面布局中的一个重要元素，用于为文本行提供间隙，提高可读性。在 CSS 中，line-style 属性用于控制行间距。
值
line-style 属性可以接受以下值：
* none：禁用行间距。
* hidden：隐藏行间距。
* normal：使用浏览器默认的行间距。
* inherit：从父元素继承行间距。
* initial：使用元素的原始行间距。
* unset：清除元素的所有行间距。
应用
line-style 属性在以下元素上有广泛的应用：
* 文本：控制段落和标题的行间距。
* 表格：控制表格行的行间距。
* 列表：控制列表项之间的垂直间距。
影响
line-style 属性会影响：
* 行间距的大小。
* 文本内容在行内扩展的范围。
* 元素的高度。
最佳实践
* 考虑网页的整体设计来配置行间距。
* 选择合适的行间距值以提高可读性。
* 避免使用非常小的行间距值。
结论
line-style 属性是 CSS 中一个强大的工具，用于控制文本行高。通过正确使用此属性，可以改善页面布局和可读性。
说完HTML语言CSS字体的缩进text-indent,接下来我们讲下字体的行间距属性 line-height. 该属性用来设置行间的距离，也就是我们经常说的行高。可以控制文字行与行之间的距离。
来一起看下line-height的语法:
p {
line-height:20px;
}
怎么理解行间距呢？看下面这个图就可以理解了
对于一行文字来说，文字上面和上一行文字的下面，文本高度，文字的下面和下一行文字的上面，三者加起来就是整个行间距。
来看下具体的效果:
可以看出，段落间的行间距是16px,如果是一行文字的话，可以看的更清楚
<!DOCTYPE html>
*请认真填写需求信息，我们会在24小时内与您取得联系。
