Sass、Less知识

1.Sass、Less是什么?

  • LessLeaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像,Less 仅对 CSS 语言增加了少许方便的扩展,学习很容易。
  • Sass,作为”世界上最成熟、最稳定、最强大的专业级CSS扩展语言”。兼容所有版本的css,且有无数框架使用Sass构建,如Compass,Bourbon,和Susy。

SassLess 这类语言,其实可以理解成 CSS 的超集,它们在CSS原本的语法格式基础上,增加了编程语言的特性,如变量的使用、逻辑语句的支持、函数等。让 CSS 代码更容易维护和复用。

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

什么是CSS预处理器?
CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。

2.为什么要使用?

  • 结构清晰,便于拓展。可以方便地屏蔽浏览器私有语法差异。封装对浏览器语法差异的重复处理,减少无意义的编码
  • 可以轻松实现多重继承。完全兼容CSS代码,可以方便地应用到老项目中。LESS只是在CSS语法上做了拓展,所以老的CSS代码也可以与Less代码一同编译
文章作者: qinwei
文章链接: https://qw-null.github.io/2022/08/31/Sass、Less知识/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 QW's Blog