了解下sass和less的区别

学习了解bootstrap后,稍稍了解了下sass和less,下面就把我了解到的sass和less的区别分享一下微笑也方便我日后回顾一下!


   Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,语法跟css一样(但多了些功能),比css好写,而且更容易阅读。Sass语法类似与Haml,属于缩排语法(makeup),用意就是为了快速写HtmlCss

   Less是一种动态样式语言. CSS赋予了动态语言的特性,如变量,继承,运算, 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (借助 Node.js)

   区别:

    (1)Sass是基于Ruby的,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出Css到浏览器,也可以在开发环节使用Less,然后编译成Css文件,直接放到项目中,也有Less.appSimpleLessCodeKit.app这样的工具,也有在线编译地址。

    (2)变量符不一样,less@,而Scss$,而且变量的作用域也不一样,后面会讲到。

    (3)输出设置,Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed expanded

    (4)Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。


猜你喜欢

转载自blog.csdn.net/srj15110129498/article/details/76895206