sass与less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等,加快了css开发的效率。
sass与less主要区别在于实现方式:less是基于Javascript的在客户端处理,所以安装时候用npm,sass是基于ruby所以在服务器处理。
**less详解**
less文件的格式是xxx.less;
less的安装方法:npm install -g less
压缩less:lessc xxx.less>xxx.css
特点:
1、变量
2、混合
3、嵌套规则
4、函数和运算
**sass详解**
sass文件的格式是:xxx.scss或者xxx.sass
压缩方法:sass --style compressed xxx.sass xxx.css
特点:
1、监听目录
2、变量
3、嵌套计算
4、继承
5、mixin(重用代码块)
6、插入文件
7、条件语句
8、循环语句
9、自定义函数
sass与less的区别
最新推荐文章于 2024-08-16 11:54:29 发布