目前最常见的工具

css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件，因为它们的文件名都不是css，写法也不是纯css，而是无法被浏览器识别的，所以写完需要编译一下才能使用，这便是css预编译。

stylus，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。

（学习视频分享：css视频教程）

less，2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的

sass，2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS 需要使用分号和花括号而不是换行和缩进）

预编译原理

通过能读取文件的语言编写的插件把文件解析成css文件，因为他们的文件名都不是css，写法也不是纯css，是无法被浏览器识别的，所以写完需要编译一下才能使用，这就是预编译。