1.Sass是css预处理器中的一种。
2.什么是css预处理器?
CSS预处理器的出现,使得我们可以像操作JavaScript那样以“编程”的方式来书写CSS。在CSS预处理器中,我们可以使用变量、循环、函数等方式来简化操作,提高开发效率。
3.css预处理器语言最常见的3种:
1》Sass
2》Less
3》Stylus
4.Sass和Less的比较:
(1)Sass由于是使用Ruby编写的,所以编译的时候是在服务器端处理;而Less由于是使用JavaScript编写的,所以编译的时候是在浏览器端处理;
(2)Sass拥有更为强大的功能,如循环、函数、混合宏等,而less却没有;
(3)Sass拥有成熟稳定的框架来辅助开发,特别是Compass,而less却没有;
(4)Sass在国内外讨论热度最大,并且有一个稳定强大的团队在维护;
(5)相当多的公司更为倾向于使用Sass,而不是less;
4.Sass和Less的比较:
1》在Sass中,有2种语法格式:(1)Sass格式;(2)Scss格式。也就是说,平常我们所说的Sass和Scss其实是同一个东西来的,统称为Sass。Sass和Scss仅仅是Sass的两种语法格式罢了。
2》区别:
。Sass格式,是Sass的“旧版本语法”。这种语法格式,不使用大括号“{}”和分号“;”,而是使 用严格的缩进式语法规则来书写,也就是类似Ruby语言的写法。
例如:$color:white
$bgColor:red
body
color:$color
background-color:$bgColor
。 Scss格式 ,是Sass的“新版本语法”。这种语法格式,使用大括号“{}”和分号“;”,并不 使用严格的缩进式语法规则来书写,也就是类似CSS书写的格式。