我们努力，我们坚持，共勉！

众所周知，css其实不是一门编程语言，熟悉的人都知道css全称Cascading Style Sheets(层叠样式表)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。我们用它来实现表现层和结构层的分离，也就是html和样式的分离。你可以用它为网页制定样式，但是他无法像JavaScript一样声明变量，调用函数，使用条件语句，可以说JavaScript是灵活的，动态的，而css是死板的，一成不变的。

所以，有人想要为其加入编程的思想，让他拥有遍历，拥有方法，甚至拥有继承，能够告诉你语法上的错误，所以有了 css预处理 ，它的思想是先用一门新的专门编程的语言来设计网页样式，再编译成css，其实最后引用的仍旧是编译出来的css。

说到css预处理，可能大部分人首先想到的是Less。现在做css预处理的语言比较优秀的Less是其一：它快速方便入门简单，sass是其二：相对来说说它更加灵活，语法更多(尤其是if,else,for)，当然好多人不使用的原因是嫌弃它安装不方便(还好有淘宝镜像)，其三是Stylus：他与sass比较类似都是更加灵活强大。这里因为我比较喜爱Sass并且相信它不会那么快死去，所以对sass做一个简单介绍。

想好什么时候我们可以使用css预处理

诚然，css预处理让我们对样式的处理更加编程化，但是我们仍需要考虑好在怎样的环境中使用它，因为我们知道，无论你的sass代码多么炫酷，逻辑多么缜密，到最后都是生成了一个css文件(老前辈对年轻的我的教诲)。

所以我们需要根据项目的大小以及开发时间团队成本来确定，如果项目比较小需要的css并不是太多并且开发时间紧迫团队里很多人还不会使用，那么可能使用原生的css可能会更好一些。

sass基础

安装~

咳咳，不得不说好多开发者本来是想使用sass的，但是因为sass是基于ruby的，高墙在上，ruby装半天装不上，于是放弃呼。这里推荐你看下W3Cplus的教程使用淘宝的镜像来进行安装，包括node的一些包的安装我都是使用的淘宝镜像来进行安装的，很快很强大。

编译~

咳咳，很多朋友安装完了，但是发现编译起来很麻烦。这里继续上链接sass编译教程，我在这里推荐大家使用考拉来进行编译，虽然考拉已经停止更新但是它确实是十分实用的，less，sass都可以编译，而且可以在编译时进行压缩。

sass和scss

先来看看区别吧

 $color : red;

//sass语法
.box
    color:$color;

//scss语法
.box { 
　　color : $color ;
} 

查看更多关于Sass-也许你想和CSS玩耍起来（上篇）的详细内容...