1.Sass、Less是什么?
Less
(Leaner Style Sheets
的缩写) 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像,Less 仅对 CSS 语言增加了少许方便的扩展,学习很容易。Sass
,作为”世界上最成熟、最稳定、最强大的专业级CSS扩展语言”。兼容所有版本的css,且有无数框架使用Sass构建,如Compass,Bourbon,和Susy。
Sass
和 Less
这类语言,其实可以理解成 CSS
的超集,它们在CSS
原本的语法格式基础上,增加了编程语言的特性,如变量的使用、逻辑语句的支持、函数等。让 CSS
代码更容易维护和复用。
例如,Less
是一种动态样式语言,将CSS赋予了动态语言的特性,如变量、继承、运算、函数。Less
既可以在客户端上运行(支持IE 6+、Webkit、Firefox),也可以在服务端运行(借助Node.js)
什么是CSS预处理器?
CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。
2.为什么要使用?
- 结构清晰,便于拓展。可以方便地屏蔽浏览器私有语法差异。封装对浏览器语法差异的重复处理,减少无意义的编码
- 可以轻松实现多重继承。完全兼容CSS代码,可以方便地应用到老项目中。LESS只是在CSS语法上做了拓展,所以老的CSS代码也可以与Less代码一同编译