【学习笔记】min-height、max-height、line-height

background-size，100%和cover的区别

两者都是用于将图片扩大或者缩放来适应整个容器
（1）background-size: 100% 100%
按照容器比例撑满，图片变形
（2）background-size: 100%
背景图片x轴会完全铺满，y轴默认为auto，超出部分隐藏
（3）background-size: cover
把背景图片放大到合适元素容器的尺寸，图片比例不变，但是超出的部分可能会裁掉

min-height、max-height、line-height

min-height：就是层的最小高度，如果该层中的元素内容高度小于这个高度，就将层显示为min-height的值，超过的话，就撑破层，使层的高度与元素内容高度一样。
max-height：就是和这个相反了，不超出的话，层高度就和层中内容元素高度一致，否则就阶段内容，显示max-height的高度。
line-height：就是行高，就是针对文本的，即一行文字的行高，是以该标签中文字大小font-size做比较的，例如line-height=200%，就是让行高是文字大小的两倍