less

 less语法：

目标：使用less运算写法完成px单位到rem单位的转换

css不支持计算写法，可以通过less实现。

less是一个css'预处理器，less文件后缀是.less

扩充了css语言，使css具备一定的逻辑性、计算能力

注意：浏览器不识别less代码，目前阶段，网页需要引入对应的css文件

 

 

less计算写法：

 

less嵌套：

嵌套：

能够快速生成后代选择器

 less变量：

目标：能够使用less变量设置属性值

网页中，文字文字颜色基本都是统一的的，如果网站改版，变换文字颜色，如何修改代码？

方法一：逐一修改属性值（太繁琐）

方法二：把颜色提前存储到一个容器，设置属性值为这个容器名

 

 变量：存储数据，方便使用和修改

语法：

定义变量：@变量名：值；

使用变量：css属性：@变量名；

 

就是使用变量来替代属性值，以后要是替换属性值的时候，直接在变量初始化那里修改即可，可是这年代软件里面都有一键替换功能，除非它使用变量之后，性能提高，不然作用不大。

能够使用less导入写法把less文件引入到其他项目中。

css文件引入：书写link标签 

less文件引入：使用导入

导入：@import "文件路径"；

如果是less文件，可以省略后缀.less

 

目标：使用less语法导出css文件

 

 在设置里面easy找到settings.json文件，设置如下：

 

less导出单独的文件：

 单独导出css文件，是在less文件的第一行，设置//out: +文件路径。还可以设置导出的文件名字。

例如：   //out:  ./qqq/niuma.css

less禁止导出：

禁止导出：在less文件第一行添加：  //out:false