一、移动适配
rem
rem ： 目前多数企业在用的解决方案
vw / vh：未来的解决方案
rem相对单位 ：
1rem=1HTML字号大小 （网页的根就是html）
目前rem布局方案中，将网页等分成10份， HTML标签的字号为视口宽度的 1/10
媒体查询 ：
flexible ：目标：使用flexible js配合rem实现在不同宽度的设备中，网页元素尺寸等比缩放效果
less
目标：使用Less语法快速编译生成CSS代码
注释 ：
单行注释
语法：// 注释内容
快捷键：ctrl + /
块注释
语法：/* 注释内容 */
快捷键： shift + alt + A
表达式存在多个单位以第一个单位为准
运算：
加、减、乘直接书写计算表达式
除法需要添加 小括号 或 .（用./vscode会判错）
变量 ：
定义变量：@变量名: 值;
使用变量：CSS属性：@变量名;
开发网站时，网页如何引入公共样式？
- css：书写link标签
- less ：导入
导入: @import “文件路径”; (如果是less文件，可以省略后缀.less)
导出 ：控制当前Less文件导出路径
Less文件第一行添加如下代码, 注意文件夹名称后面添加 /
- // out : ./ (导出到同级的css里面)
- // out : ./css/ （导出到同级的css文件夹里面）
- // out : ./css/common.css （导出到同级的css文件夹里面的commion.css）
禁止导入 ：
// out : false
