美文网首页程序员
css扩展语言sass和less

css扩展语言sass和less

作者: 橙小光 | 来源:发表于2019-03-11 17:27 被阅读28次

less和sass最主要的区别是less是通过Javascript编译,而sass是通过ruby编译的,如果没有引入前端工程化,less会消耗客户端性能,sass会消耗服务端性能,但是引入前端工程化的话,gunt,gulp,webpack等,less和sass在打包阶段都会转化成css,所以不会有区别,只是sass是基于ruby,所以每次npm的时候相对慢一点点(实际体会);

语法都不一样:比如less的变量声明是@xxx,而sass的变量声明是$xxx,所以只需要选择一个去学语法就够了,相对来说sass的语法更新鲜明好记,便于阅读,普遍度高,sass和scss两种模式,你可以选择带大括号{}的,也可以选择对齐型的,看个人习惯了。

image.png

注:LESS可以在客户端上运行(IE6+、Webkit、Firefox等),也可以在服务端运行(Node.js、Rhino)。

共同点就是从此css变成了js,在sass和less里面可以有变量,运算,混合,嵌套,继承,条件判断,自定义函数等等,这个他们都有.

image.png

相关文章

  • CSS预处理器入门介绍:Sass、Less 和 Stylus

    css 预处理器:Sass、Less 和 Stylus 【Sass】 扩展名:「 *.sass 」和「 *.scs...

  • webpack学习

    sass 和 less 都是css的拓展语言,less和sass最主要的区别是less是通过Javascript编...

  • Less/Sass

    Less 和 Sass 第一章 Less和Sass简介 Less和Sass都为动态样式表的语言,即css框架,通过...

  • PostCSS

    引 相信写过css的都会听说过(或者用过)less/sass/scss/stylus等css扩展类语言,各个语言都...

  • css扩展语言sass和less

    less和sass最主要的区别是less是通过Javascript编译,而sass是通过ruby编译的,如果没有引...

  • scss

    css的预处理语言:scss(sass的进阶版,扩展名不同,严格缩进式语法。scss 语法同css) less s...

  • sass和less

    都是css的拓展语言,less和sass最主要的区别是less是通过Javascript编译,而sass是通过ru...

  • CSS预处理Less

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

  • 学习SASS

    css扩展语言 面向对象 变量 嵌套 混合 导入 安装Sass和Compass sass基于Ruby语言开发而成,...

  • Sass学习笔记

    ​ Sass是使用Ruby语言编写的css预处理语言,诞生于2007年。Sass, LESS, stylus等...

网友评论

    本文标题:css扩展语言sass和less

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