了解下sass和less的区别
来源:互联网 发布:美国宝宝的好处知乎 编辑:程序博客网 时间:2024/05/29 20:01
学习了解bootstrap后,稍稍了解了下sass和less,下面就把我了解到的sass和less的区别分享一下也方便我日后回顾一下!
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,语法跟css一样(但多了些功能),比css好写,而且更容易阅读。Sass语法类似与Haml,属于缩排语法(makeup),用意就是为了快速写Html和Css。
Less是一种动态样式语言.将CSS赋予了动态语言的特性,如变量,继承,运算, 函数. LESS既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行(借助 Node.js)。
区别:
(1)Sass是基于Ruby的,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出Css到浏览器,也可以在开发环节使用Less,然后编译成Css文件,直接放到项目中,也有Less.app、SimpleLess、CodeKit.app这样的工具,也有在线编译地址。
(2)变量符不一样,less是@,而Scss是$,而且变量的作用域也不一样,后面会讲到。
(3)输出设置,Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed 和 expanded。
(4)Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。
阅读全文
0 0
- 了解下sass和less的区别
- Sass和Less的区别
- less和sass的区别
- Less和Sass的区别
- less和sass的区别和介绍
- 关于less和sass的区别
- sass/scss 和 less的区别
- sass/scss 和 less的区别
- sass/scss 和 less的区别
- less和sass的使用区别
- sass/scss 和 less的区别
- Sass与less的区别
- less和sass的比较
- Sass、LESS 和 Stylus区别总结
- Sass、LESS 和 Stylus区别总结
- Sass、LESS 和 Stylus区别总结
- less与sass的区别与联系
- sass与less的区别总结
- Android Studio 使用时你应该知道的一切配置
- linux的一个错误 FAT: utf8 is not a recommended IO AND kernel panic
- supergeek的技术博客大纲
- 手把手教你搭建BP神经网络——实践篇
- 153. Find Minimum in Rotated Sorted Array
- 了解下sass和less的区别
- 3341数据结构实验之二叉树二:遍历二叉树
- 浅谈回溯与深度优先搜索
- 获取SpringMvc对应的子容器
- 基于Flume的美团日志收集系统
- POJ1003算法解析
- spring boot 配置文件(application.yml)中的属性值配置
- 时间复杂度的计算
- 自动生成.gitignore文件