1. 响应式开发
UI设计稿是750px
！+tab键：快捷生成meta
@meta的使用
直接引入@meta，需要有个默认的样式body{}
外接式-额外的.css文件
@meta类型-------screen屏幕样式，print打印机样式
@meta设置横屏，竖屏样式
em响应式布局，根据上一层div盒子设置font-size(痛点：设置太多，网页布局混乱)
rem响应式布局:根据html设置font-size
%：宽、某些盒子占父级元素的尺寸
em：控制个别盒子（不常用）
rem：最常用，控制网页尺寸
Px：固定尺寸（盒子边框）
移动端响应式开发，以上单位配合使用，结合flex弹性布局
Js监听页面动态放大缩小，将html的font-size设置为50px
完整版js
字体也设置为响应式
link引入
一个工具：动态将px转换成rem，不需要手动计算
或者下载“cssrem插件”，可以动态将px转换成rem
2.Less
（1）安装less
（2）配置---将less自动转换成css文件:
将onDidSaveExcution字段值改为“true”
3.sass-支持函数样式
