基础---SCSS/SASS

1、什么是CSS预处理器，什么是Sass?

（1）用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件，这被叫做“CSS预编译处理器”

  （2）SASS就是其中一种，CSS开发工具，提供了许多便利的写法，大大节省了设计者的时间，使   得CSS开发，变得简单和可维护。

2、scss的使用

      a、新建一个项目的css目录 在里面新建***.scss文件

      b、将css目录拖到考拉中 进行编译 会自动的声称一个***.css文件

       c、在html中引入***.css文件

   3、Sass与SCSS有什么区别？

     （1） sass后缀名为sass，是sass的老式语法，不使用大括号和分号进行缩进；

      （2）scss后缀名为scss,使用大括号和分号进行缩进，是sass的新式语法。

      （3）建议使用后缀名为scss的文件，以避免sass后缀名的严格格式要求报错。

 4、Sass/SCSS和纯CSS对比？

       CSS没有语句，无法编程，只是单纯的描述。

5、scss中的嵌套(选择器)?

      css3中关系选择器

      > 子类选择器

      空格  后代选择器

      +   紧邻的下一个兄弟

     ~  后代的所有兄弟

6、输出方式(四种编译风格)

     nested：嵌套缩进的css代码，它是默认值。

    expanded：没有缩进的、扩展的css代码。

    compact：简洁格式的css代码。

   compressed：压缩后的css代码。

7、普通变量与默认变量

    普通变量:$变量名：值;

    默认变量:$变量名：值 ！default;

8、局部变量和全局变量

     全局变量:$变量名: 值!Global;

9、嵌套：

   选择器嵌套

    属性嵌套

     伪类嵌套

10、Sass语法格式

      继承

       语法：

          .继承名{

                       公共代码；

              }

引用：@extend  .继承名；

占位符

       语法：

       %继承名{

                  公共代码；

            }

引用：@extend  %继承名；

混合宏（类似于自定义函数）

           语法：

           @mixin混合名（形式参数列表）{

                                                代码；

                      }

引用：@include混合名（实际参数列表）

11、Sass的基本特性-运算

   1、加减乘除法运算

   2、变量计算

   3、数字运算

   4、颜色运算

   5、字符运算