lass和sass的区别

1.编译环境不同

less是通过js编译是在客户端处理

sass同通过ruby 是在服务器端处理
1
2
3
2.变量符不一样

less是用@,sass是用$
1
3.sass支持条件语句，可以使用if{}else{},for{}循环等等。而less不支持。

4.less没有输出设置，sass提供4中输出选项：nested, compact, compressed 和 expanded。

输出样式的风格可以有四种选择，默认为nested

nested：嵌套缩进的css代码

expanded：展开的多行css代码

compact：简洁格式的css代码

compressed：压缩后的css代码

5.Sass和Less的工具库不同

Sass有工具库Compass, 简单说，Sass和Compass的关系类似于像Javascript和jQuery的关系,Compass在Sass的基础上，封装了一系列有用的模块和模板，补充强化了Sass的功能。

Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库，Bootstrap的样式文件部分源码就是采用Less语法编写。

6.总结

less和sass各有各自的好处，二者的出现都是为了同一个目的：提高开发效率！每个开发者根据自己的习惯和爱好来选择。
————————————————
版权声明：本文为CSDN博主「h1227867772」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/h1227867772/article/details/119719120

lass和sass的区别相关推荐

lass、paas、sass的区别
现在的公司用的是paas架构.于是自行补救了下关于laas.paas.sass的相关知识. 转载自阮一峰大佬.http://www.ruanyifeng.com/blog/2017/07/iaas-p ...
less与sass的区别
1.编译环境不同 Less是基于JavaScript,是在客户端处理的. Sass是基于Ruby的,是在服务器端处理的. 2.LESS和SASS文件后缀名区别 1.LESS以.less结尾 2.SAS ...
浅比一下，Less和Sass的区别
Less Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能,让 CSS 更易维护.方便制作主题.扩充.Less 可以运行在 Node 或浏览 ...
IasS,CasS,PasS,SasS的区别
IasS: (Infrastructure-as-a-Service(基础设施即服务)) 租用的是硬件,服务器,物理机等 CasS: (container as a Service) 容器服务租用的 ...
scss、sass 和 css 的区别
项目中,会经常使用诸如scss.sass的style样式,它们和css有什么区别呢? less大家应该都不陌生,同样的scss.sass一样,它们都可以称为:CSS预处理器语言. 简单来说,scss和 ...
sass 基础——回顾
1.webstorm 自动编译SASS 下载安装包 http://rubyinstaller.org/downloads/ 然后点击安装,路径为默认路径就行, 勾选以下两项 add Ruby exec ...
sass、scss、css、less
less.scss.sass都是CSS预处理器语言为什么要使用CSS预处理器? css缺点: (语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器: 没有变量和合理的样式复用机 ...
对标以太坊的EOS再火，也拼不过InterValue的区块链4.0
链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载. 2017年6月26日上线的数字货币EOS,仅用5天时间,就融了1.85亿美元,一举打破ICO的融资记录. 至2018年4 ...
2018前端常见问题整理
$HTML, HTTP,web综合问题 1.前端需要注意哪些SEO 合理的title.description.keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要 ...

lass和sass的区别

lass和sass的区别相关推荐

最新文章

热门文章