美文网首页
less和sass

less和sass

作者: 小学生的博客 | 来源:发表于2017-03-29 10:21 被阅读23次

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

    Sass世界上最成熟、最稳定、最强大的专业级CSS扩展语言!

    LESS和Sass之间的主要区别是他们的实现方式不同,LESS是基于JavaScript运行,所以LESS是在客户端处理。
    另一方面,Sass是基于Ruby的,是在服务器端处理的。

    Less中的注释
    变量
    混合
    匹配模式
    运算
    嵌套规则
    @arguments变量
    避免编译、!important

    不会偷懒的程序员不是好厨师。

    LESS和Sass在语法上有些共性,比如下面这些:

    ● 混入(Mixins)——class中的class;
    ● 参数混入——可以传递参数的class,就像函数一样;
    ● 嵌套规则——Class中嵌套class,从而减少重复的代码;
    ● 运算——CSS中用上数学;
    ● 颜色功能——可以编辑颜色;
    ● 名字空间(namespace)——分组样式,从而可以被调用;
    ● 作用域——局部修改样式;
    ● JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

    安装
    ①npm install -g less
    ②gem install sass、 gem install compass
    sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby

    less与scss写法上差别不大,用哪个基本上都能满足需求。


    广告时间:
    WebStorm使用less
    less即学即用

    相关文章

      网友评论

          本文标题:less和sass

          本文链接:https://www.haomeiwen.com/subject/umqgnttx.html