百分比布局（流式布局）：宽度为设置的百分比 高度是固定的。
【rem】
相对单位 相对于HTML的字号单位
1rem=1html
媒体查询：@media sreen and(条件)
例如：
@media (条件:375px) {
Html { font-size：20px}
}
说明：当屏幕宽度为375px时，html中字号的大小为20字号；
必须要保持html宽度和条件中宽度数值一致 小数也要写 否则不满足条件，字号将不会生效。
【pc端适配】
/* 屏幕宽度在1366-1580之间 盒子样式生效 用and连接 */
@media (min-width:1366px) and (max-width:1580px){
.box {
width: 400px;
height: 200px;
background-color: orange;
}
}****
【flexible】
手淘团队 rem插件——flexible
书写位置：body结束标签的上方；
****
【rem 插件使用】
将px转成rem的数值需要提前在rem插件中设置好
全选所有代码 然后把alt+z 转换代码的单位 即可生效。****
【less】
计算 注意点： 运算符前后用空格隔开 或者连写
单位在表达式中的不分顺序 以第一个写的单位为准。
*嵌套 &符号指代的是直接上级
*变量 @变量名: 值;
less导入：
@import：url(文件路径)；
@import：./文件名; 中间空格隔开。
Less导出：
第一种导出方式 需要在每一个.less文件中的第一行写上该代码
语法：//out : ../css/
1.css导出路径，后面一定要写/，如果不写就只是普通的css文件
2.less文件配置必须写在第一行。
*(常用)第二种导出方式：在设置中的setting.json 设置以下这段代码 其中文件路径可以被修改 其余为固定语法。
"less.compile": {
"out": "../css/"
},
禁止导出less为css文件：
语法：// out:false
写在第一行 则不会被导出到css文件夹中
less压缩导出：
语法：compress:true
同时设置压缩导出和修改less导出路径写法：
语法：// compress:true,out:./09.css
说明：压缩导出css文件和导出css文件改变存放路径 可以写在同一单行注释中 使用逗号隔开即可 不要将语法换行写 因第二行内容会自动识别为注释导致不生效。
