美文网首页前端开发那些事儿
sass和less css的预处理器

sass和less css的预处理器

作者: 冷r | 来源:发表于2019-10-31 10:40 被阅读0次

    Sass和Less都属于Css预处理器,Css预处理器定义了一种新的语言,其基本思想是用一种专门的编程语言,为Css增加一些编程的特性,将Css作为目标生成文件,然后开发者使用这种语言进行Css编码工作(用一种专门的编程语言,进行Web网页样式设计,再通过编译器转化为正常的Css文件,以供项目使用)。

    相同点

    • 具有变量、条件语句,都有作用域问题,重复声明会报错。是css更易组织和维护
    • @minxin 混合器 @include 调用
    • 条件:@if @else;
    • 循环遍历:@for @each @while
    • 继承:%juzhong 调用 @extend juzhong
    • 引用:@import
    • 媒体查询 @media 媒体类型 and (媒体特性){样式}
    • 函数 @function(){@return}

    不同点

    • 变量定义 sass:$ less:@
    • sass是通过服务端处理,less是通过客户端处理

    相关文章

      网友评论

        本文标题:sass和less css的预处理器

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