一、css图文样式
1.line-height如何继承
父元素的line-height是具体数值（如：30px），子元素的line-height直接继承父元素的line-height:30px；
父元素的line-height是比例数值（如：1.5、2），子元素的line-height是子元素的font-size*父元素的比例数值；
父元素的line-height是百分比数值（如：200%），子元素的line-height是父元素的font-size*父元素的line-height的百分比数值。【考点】
二、响应式
rem是什么
rem是个长度单位
px:绝对长度单位，最常用，
em:相对长度单位，相对于父元素，不常用，
rem:相对长度单位，相对于根元素，常用于响应式布局；
响应式布局常见布局方案：
1.设置头部meta标签 <meta name="viewport" content="width=device-width, initial-scale=1.0">
2.通过media-query(媒体查询)，根据不同的屏幕宽度设置根元素的font-size
rem,基于根元素的相对单位
@media screen and (max-width: 374px) {
/* iphone5 或者更小的尺寸，以iphone5的宽度（320px）比例设置font-size */
html {
font-size: 86px;
}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
/* iphone6/7/8 和 iphone x */
html {
font-size: 100px;
}
}
@media screen and (min-width: 414px) {
/* iphone6 或者更大的尺寸，以iphone6p的宽度（414px）比例设置font-size */
html {
font-size: 110px;
}
}
body {
font-size:0.16rem;
}
