作为一个前端小白,有很多简单的东西不是很懂,搞清楚之后一定要记录一下,以备日后查阅,好,正文开始
height
属性设置元素的高度。
说明
这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。
这是w3c给出的定义就是设定一个块级元素的高度,设定行内元素是无效的
就是容器的高度,只要元素的高度没有超过容器的高度,height是不会变的
line-height
设置行间的距离(行高)。
注释:不允许使用负值。
说明
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。相当于我们设定自己本子有多长
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
line-height的高度就是一行文字的高度,就相当于设定我们本子中的一行有多高
欢迎大家观看指正