CSS 里的 height 属性与 line-height 属性有什么区别

CSS 里的 height 属性与 line-height 属性有什么区别

height用来表示容器的高度，line-height 用来表示，这一容器内的每行文字的高度。
　　所有主流浏览器都支持这两个属性。
　　height 这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。
　　line-height该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

height 是元素的高度 line-height 是文本的高度 如果元素只有 line-height属性 当元素内没有文本时元素高度就是0

height是指容器本身的高度；
line-height是指容器内部元素上下直接的行间距，一般用于文字排版；
当height高度与line-height行高相等时，容器中的单行文本，会表现为垂直居中，一般用此方法来达到单行文本垂直居中的目的。

1：前者用来表示容器的高度，后者用来表示，这一容器内的每行文字的高度
如：height一般用来表示，设置这一容器的高度。
一般来说，如果是要设置文字行距和居中显示，都会带上line-height:40px;font-size:20px;
这样的话，就相当于文字大小 20px，文字行间距离也有20px了。

height:是容器的高，必须是块级标签才有校，行级标签需要设置display后才能有效。
line-height:这个是行高，比如div这个块级标签，你是设置height:500px;就是div的高为500px;
设置line-height:100px;这样这个div你写文字只能写5行，5*100为500
明白了吧？