CSS雪碧图是将几个图片拼合成一张图片，以此来减少HTTP请求的方法，并且可以提升网站加载性能。除了使用传统方法在Photoshop中手动拼合，还有一些简便的方法和便捷的工具来帮助我们完成这项工作。但是，以我处理CSS雪碧图的经验来说，没有哪种方法比使用Compass的Sprite函数更轻松容易的了。现在就让我们来看看他是如何工作的。

在这本书中，我想要把主要精力都集中在讲解Sass的基础使用，和证明Sass并不会和你的工作流程脱节。但在最后一章中，我想讨论一些使用Sass结合媒体查询的高级技术和一些我每天工作中用到的将复杂CSS简化的例子。只要你能想到的，Sass就可以办到。使用变量和一些mixin会让你的生活变得更轻松。如果你想的话，Sass完全不局限于这些简单的功能。下面这个例子再一次举重若轻的展示了Sass的建立兼容高清屏幕的响应式网站。

在这一章中，我将分享在我项目中每天使用到的一些Sass的特性。我还特别为这本书建立了一个虚拟项目来保证我们谈论的Sass的功能是在一个真实环境中进行的。这个项目就叫做Sasquatch Records–一个很简单的专注于神话，晦涩难懂的，牲畜类等超自然音乐风格的唱片公司网站。

现在我们知道了什么是Sass，那我们就开始使用它来创建样式吧。我们的第一个任务就是在你的电脑上安装Sass。我在第一章提到过Sass是用Ruby编写的程序，并且使用Ruby来编译成CSS。所以，在我们使用Sass之前，我们需要安装Ruby。

我不信任Sass。我从来都是手写样式表的！我不需要额外的工具来帮助我简化工作。我不想要把复杂的事物添加到我的工作流程中，不要来烦我。无论是以上哪种想法，现实是Sass（和其他的CSS预处理器）可以成为一个强有力的助手，一个任何样式书写者都可以轻松把它插入到每日的工作中去的工具。在使用了Sass一段时间后回过头来看，我很庆幸自己这么做了。我想要分享我是怎么来使用Sass来提高效率的，比我前10年维护CSS的过程要轻松许多，这就是我想要写这本书的理由。最初，由于我对Sass有一些误解导致了我放弃了它。我担心我要完全改变我书写和管理CSS的方法。有时，CSS也是很脆弱的，作者想要保护他们的作品不被轻易复制是可以理解。我能得到保佑吗？阿门。

回顾计算机语言的进化史，似乎每隔几年都会诞生一个新的概念以推进计算机语言的发展。从二进制升级到指令集，指令集再升级为编译语言。基于这些不断进化的编译语言，我们又创造出了web浏览器。像HTML，CSS和JavaScript这些语言都是通过浏览器来渲染的。现在，我们再次升级这个概念的时刻来临了。