什么是CSS预处理程序？
CSS预处理器定义了一种新语言。其基本思想是使用一种特殊的编程语言，在CSS中加入一些编程功能，以CSS为目标生成文件，然后开发者只需要使用语言进行编码。通俗地说，就是“CSS预处理器”使用一种特殊的编程语言来设计网页样式，然后将它们编译成普通的CSS文件在项目中使用。
CSS预处理器为CSSProgramming功能增加了一些，无需考虑浏览器兼容性问题。例如，您可以在CSS中使用编程语言中的变量、简单逻辑程序、函数和其他基本特性。就可以使您的CSS更简洁、更具适应性、更具可读性、更易于维护以及许多其他好处。
例如:
Sass（SCSS）LESSStylusTurbineSwithchCSSCSSCacheer目前为止，在众多优秀的CSS预处理器语言中，Sass、LESS和Stylus是最好的，讨论比较多。
什么是sass?
Sass是一门高于CSS的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通CSS更加强大的功能。
Sass能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。
Sass的过去与现在：
Sass是最早的CSS预处理语言。它拥有比LESS更强大的功能，但是开头的缩进语法（老版本的Sass语法会在后面的课程中详细介绍）。它不能被公众接受，但是由于其强大的功能和RubyonRails的大力推广，许多开发人员仍然选择Sass。Sass是一种用Ruby语言编写的CSS预处理语言。它诞生于年，是目前最大的成熟CSS预处理语言。它最初设计用于HAML（缩进HTML预编译器），因此它具有与HTML相同的缩进样式。
为什么早期没有LESS那么受欢迎？
缩进样式虽然可以有效减少代码量，强制规范编码风格，但一方面不被大多数程序员所接受，另一方面也无法兼容现有的CSS代码。这也是Sass最先出现的原因，但它的受欢迎程度远不及LESS。
sass和scss有什么区别？
Sass和SCSS实际上是一回事。我们通常称之为Sass。两者的区别如下：
文件扩展名不同，Sass是以“.sass”后缀为扩展名，而SCSS是以“.scss”后缀为扩展名。
语法不同
Sass是按照严格的缩进语法规则编写的，没有大括号（{}）和分号（;），SCSS的语法写法和我们的CSS语法写法非常相似。
例如先来看一个示例：
1.Sass语法
$font-stack:Helvetica,sans-serif//定义变量
$primary-color:#//定义变量
body
font:%$font-stack
color:$primary-color
2.SCSS语法
$font-stack:Helvetica,sans-serif;
$primary-color:#;
body{
font:%$font-stack;
color:$primary-color;
}
3.css的语法
body{
font:%Helvetica,sans-serif;
color:#;
}
sass和scss和纯css写法的区别
Sass和CSS写法确实有一定的区别。由于Sass是基于Ruby编写的，因此它延续了Ruby编写规范。在编写不带大括号和分号的Sass时，主要由严格的缩进控制。
sass的写法:
body
color:#ff0
background:#ffffff
而在CSS我们是这样书写：
body{
color:#fff;
background:#f36;
}
SCSS和CSS写法无差别，这也是Sass后来越来越受大众喜欢原因之一。简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。
#Web前端面试题#
全新超实用性的Python零基础入门到就业体验课+视频+源码淘宝￥2购买已下架