新闻资讯

开始使用Sass预处理器

CSS预处理器是一种简化书写易于管理的CSS的流行方式，就像使用框架来写CSS一样。让我们来学习一下最基础的东西，如何使用gradients, shadows和transitions来创建一个完全加载的CSS3按钮，我们采用Sass预处理和Compass框架两种方式来完成我们这个艰巨的任务。

现在开始

我想你可能对这个技术是个新手，对CSS预处理可能还有点吃不消。不过别担心，他没什么大不了的。CSS预处理器把你的CSS写入到一个指定的文件，然后压缩，然后输出到一个独立的文件中。它有助于你用一种对开发者有好的方式书生成CSS，而且还有助于简化和有效管理CSS。

在这篇文章中，我们将创建一个具有3种状态的非常简单的按钮，使用令人惊异的CSS3特性，例如 gradients, box shadows 和 transitions，他们都依靠预处理器来为我们完成这些艰巨的工作。有几种预处理器语言可供选择，但我强烈推荐使用Sass以及由他创建的流行框架：Compass。Sass可用于搭建CSS，同时使用Compass来家强化CSS功能。

你需要什么？如何开始？

要做的第一件事是获得一套能帮助你编译代码的程序，同时如果你能够通过命令行安装软件，那么使用编译程序来操控将是非常容易的事情。我强烈推荐使用CodeKit来配合这个教程的使用，所以去下载一个共享版，然后我们就可以开始了。

(未完待续)