长度单位
一、媒体查询@media
二、rem
1.目标
能够使用rem单位设置网页元素的尺寸
2.网页效果
屏幕宽度不同，网页元素尺寸不同（等比缩放）
3.单位
rem是相对单位
rem单位是相对于HTML标签的字号计算结果
1rem = 1HTML字号大小
将网页等分成10份， HTML标签的字号为视口宽度的 1/10
三、vw/vh
四、px单位/百分比布局
px单位是绝对单位
百分比布局特点宽度自适应，高度固定
Less语法
在px单位转换到rem单位过程中，除法运算最麻烦，CSS不支持计算写法
一、目标
1.Less是一个CSS预处理器, Less文件后缀是.less
2.扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力。
3.注意：浏览器不识别Less代码，目前阶段，网页要引入对应的CSS文件。
二、注释
1.单行注释
//注释内容
快捷键：ctrl + /
2.块注释
/* 注释内容 */
快捷键： shift + alt + A
三、运算
-
加减乘 除法./或者()
height: (100 / 2) px;
height: 100 ./ 2px
2.单位没有顺序之分，如果一个表达式之中有多个单位，以第一个单位为准
3.运算符的前后，要么都加空格隔开，要么都不加
微信截图_20220407193525.png
四、嵌套
快速生成后代选择器
&不生成后代选择器，表示当前选择器，通常配合伪类或伪元素使用
五、变量
存储数据，方便使用和修改
语法
定义变量：@变量名: 值;
使用变量：CSS属性：@变量名;
六、导入
@import "你要导入的文件路径";
七、导出
// out: ../css/
注意点
路径如果表示文件夹，最后一定要有/
属于less配置信息，一定要写在第一行，如果写在第二行，那么第一行不能再写任何内容
八、禁止导出
//out: false
九、压缩导出
// compress:true
节约成本，让网页渲染得更快
多个配置一起写，配置与配置之间用逗号隔开
