1.calc support media各自的含义及用法
calc:用于动态计算高度，支持+ - * /
@support:用于检测浏览器是否支持某个css属性，支持写一份样式，不支持写另一份样式
@media:媒体查询，用于针对不同分辨率写不同样式
html让行内元素和块元素居中的方法
行内元素 （inline inline-block)
text-align:center
line-height = height
块元素 (有定位时margin:0 auto不生效）
水平居中：margin:0 auto;
水平垂直居中：
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
行内元素 块元素均适用
display:flex;
justify-content:center;
align-items:center;
