em ：可设置body的字体大小 style="font-size: 10px;"（em是相对于父元素来设置，em有局限性 父元素变化了 em所对应的px也变化 2em 2*10=20px）
rem：移动端项目推荐使用rem，（rem是相对根元素（html）来设置的，1rem就相当于是根元素的字体大小 2rem= 2*20）
响应式布局：响应式的样式要放到最后，all 代表所以的屏幕，only screen 代表仅有电脑屏幕支持（例 ：link rel="stylesheet" href="./media.css" media="only screen and (max-width:700px)"）
媒体查询：实现div在屏幕不同大小的情况下 显示不同的颜色，（max-width 最大宽度 min-width 最小宽度）
css动画
