1.Sass的认识

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书写的格式。

 

上一篇:4.Scss嵌套


下一篇:脱离脚手架来配置、学习 webpack4.x (二)基础搭建loader 配置 css、scss