【css预处理器】css预处理器及sass基本介绍

001、什么是css预处理器？

css预处理器定义了一种新的语言。用一种专门的编程语言，为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。（通俗点说“”css预处理器用一种专门的编程语言，进行web页面样式设计，然后在编译成正常的css文件，以供项目使用“”）

002、css预处理器的优点

css预处理器为css增加一些编程的特性，无需考虑浏览器的兼容性问题。如在css中使用 变量、简单的逻辑程序、函数。可以让你的css更加简洁、适应性更强、可读性更佳、更易于代码的维护

003、什么是sass?

sass和scss其实是同一种东西，我们平时都称之为sass，两者之间不同之处有以下2点。

1、文件扩展名不同，sass是以sass为后缀为扩展名，而scss是以.scss后缀为扩展名。

2、语法书写方式不同，sass是以严格的缩进语法规则来书写，不带大括号（{}）和分号（；），而scss的语法书写我们的css语法书写方式非常类似

 

//scss写法
$width:300px;
$height:400px;

body{
     width:$width;
     height:$height;
}


//sass写法
$with:100px;
$height:100px;

body
     width:$width　

【css预处理器】css预处理器及sass基本介绍

原文：https://www.cnblogs.com/liuhaov/p/13503178.html