CSS预处理器

1、CSS预处理器定义

CSS预处理器是基于CSS的一种语言，通过工具编译成CSS，添加了很多CSS不具备的特性，能提升CSS文件的组织方式。

2、常见的CSS预处理器有

1、less：基于node.js
2、sass：基于ruby，也有node版本

3、CSS预处理器的作用

1、能够更好的组织CSS代码
2、提高代码复用性
3、提高代码可维护性

4、CSS预处理器的优缺点

1、优点：提高代码复用性和可维护性
2、缺点：需要引入编译过程，有一定的学习成本

5、css预处理器的功能

1、变量和计算：减少重复代码
2、嵌套：反映层级和约束
3、继承extend（生成代码无重复代码，不可传递变量）和混入mixin（生成代码有重复代码，可传递变量）代码片段
4、循环：适用于复杂有规律的样式
5、import文件：CSS文件模块化