【CSS】Less/sass（css预处理器）

Less/sass（css预处理器）

作用：1、嵌套2、变量3、传参4、计算

可以嵌套标签属性设置，如在less中写：

css文件中可以生成：

css中变量写为：

格式较为繁琐，在less中可以写作： ，操作较为简单。

而且less支持加减乘除的计算 这里就定义了div的宽为600px。

利用less传参，方便css文件的生成：

，以@w，@h作形参，设置默认值为0，

调用： ，只给一个值时，另一个就用默认值：

使用less生成的css文件才是最后要引入的。