什么是Sass、Less
Sass和Less都属于Css预处理器,Css预处理器定义了一种新的语言,其基本思想是用一种专门的编程语言,为Css增加一些编程的特性,将Css作为目标生成文件,然后开发者使用这种语言进行Css编码工作(用一种专门的编程语言,进行Web网页样式设计,再通过编译器转化为正常的Css文件,以供项目使用)。
为什么要使用Sass、Less
因为css只是单纯的属性描述,它并不具有变量、条件语句等,css的特性导致了它难组织和维护。
Less与Sass的共性:
- 混合(Mixins):将一个定义好的classA引入到另一个classB中,从而简单实现classB继承了classA的所有属性;
- 参数混合(Parametric):可以像函数一样传递参数的class
- 嵌套规则:class中嵌套class,从而减少重复的代码
- 运算:css中的数学计算
- 颜色功能:可以编辑你的颜色
- 命名空间:样式分组,从而方便被调用
- 作用域:局部修改样式
- JavaScript表达式:在css样式中使用javaScript表达式赋值
Less与Sass的不同:
Less是基于JavaScript的在客户端处理,很多开发者不会选择Less因为javaScript引擎需要额外的时间来处理代码然后输出修改过的Css到浏览器【解决:只在开发阶段使用Less,一旦开发完成,复制Less输出的到一个压缩器,然后用一个单独的css文件来代替Less文件;另一种方式是使用Less App来编译和压缩你的Less文件;这两种方式都是最小化样式输出】
Sass是基于ruby在服务器处理