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、字符运算
网友评论