1.Sass的认识

Posted 2022-12-09 hou-yuan-zhen

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