欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

sass与less区别_html/css_WEB-ITnose

程序员文章站 2024-01-26 10:24:41
...
一. Sass/Scss&Less是什么?Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,语法跟css一样(但多了些功能),比css好写,而且更容易阅读。Sass语法类似与Haml,属于缩排语法(makeup),用意就是为了快速写Html和Css。Less一种动态样式语言. 将CSS赋予了动态语言的特性,如变量,继承,运算, 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (借助 Node.js)。less英文站需要*,也可以访问中文站Sass与Scss有什么差别Sass原先跟Haml一样的缩排语法,对于写惯Css的前端来说是很不直观的,也不能将原来的Css加到Sass里面,因此Sass改良了语法,Sass 3就变成了Scss(Sassy CSS)。与原来的语法兼容,只是用{}取代了原来的缩进。二. Sass/Scss&Less区别?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不支持。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关标签: sass与less区别