「测试开发全栈-HTML」(16)css字体的行间距

「测试开发全栈-HTML」(16)css字体的行间距line-height

说完HTML语言CSS字体的缩进text-indent,接下来我们讲下字体的行间距属性 line-height. 该属性用来设置行间的距离，也就是我们经常说的行高。可以控制文字行与行之间的距离。

来一起看下line-height的语法:

p {

line-height:20px;

}

怎么理解行间距呢？看下面这个图就可以理解了

对于一行文字来说，文字上面和上一行文字的下面，文本高度，文字的下面和下一行文字的上面，三者加起来就是整个行间距。

来看下具体的效果:

可以看出，段落间的行间距是16px,如果是一行文字的话，可以看的更清楚

<!DOCTYPE html>

TML+CSS web前端开发文本物理属性demo应用加粗行间距首行缩进，通过Word文本实例，深入了解应用text-align text-indent line-height font-style等基础属性！！！

标题标签

h1-h6 块元素独立成行行间距

属性 align属性left center right

也没有color属性，需要用的话需要嵌套

水平分割线标签hr

有color属性

size属性高度

width属性宽度

align属性对齐方式默认居中

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。