4 Less Sass预处理语言(css模块化)

Less预处理语言 -> 向后兼容的CSS扩展语言，即可运行在浏览器端，也可运行在服务器端(Node.js环境)； ->实战开发中几乎都使用Less，而且往往同自动化构建工具一起使用；

- - - >>> Less官网：https://less.bootcss.com/

(1).浏览器环境使用：引入xx.less样式文件、less.js文件、必须在"本地服务器环境"使用 ->可开启wampserver"测试；

(2).Node.js环境使用：npm install -g less；lessc budle.less index.css;//html页面引入index.css即可

(3).用法：

[1].嵌套：普通嵌套、&的使用(其表示与当前元素同级)；

[2].变量：@xx的使用(可进行简单四则运算)、变量快级作用域、变量延迟加载；

[3].混合Mixins：普通混合、带参数的混合、带默认值的混合、@arguments的使用；

[4].导入、运算、函数、注释、Maps；

2、Sass/Scss:

导入：@import‘’;

混合：使用@includes xxx;即可； @include flex-v-center;