css中line-height和height的区别

作为一个前端小白,有很多简单的东西不是很懂,搞清楚之后一定要记录一下,以备日后查阅,好,正文开始

height

属性设置元素的高度。

说明

这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。

这是w3c给出的定义就是设定一个块级元素的高度,设定行内元素是无效的

 就是容器的高度,只要元素的高度没有超过容器的高度,height是不会变的

line-height

设置行间的距离(行高)。

注释:不允许使用负值。

说明

该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。相当于我们设定自己本子有多长

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

line-height的高度就是一行文字的高度,就相当于设定我们本子中的一行有多高

欢迎大家观看指正

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(前端)