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