SASS+Compass基本使用，结合JavaScript实现随机点名小系统

SASS+Compass基本使用，以一个随机点名demo为例
demo 源码：https://github.com/XieTongXue/call-over，效果请看(5)，代码解释请看源码。
（1）SASS、Compass是什么？为什么要用它？
SASS是一种“CSS预处理器”，是一款强化CSS的辅助工具，在CSS语法基础上增加了变量(variables)、嵌套(nested rules)、混合(mixins)等高级功能，使得CSS更强大。
Compass是一个Sass的样式库，有助于更好地组织管理样式文件，使得开发更高效。
（2）SASS、Compass安装
sass基于Ruby语言开发，安装sass前需要安装ruby，mac自带ruby，不需要重新安装
安装过程可参考：https://blog.****.net/sanchan/article/details/47751401
安装成功测试：

（3）使用创建compass项目

创建出的目录如下

（4）sass编译与css文件的引用
进入项目根目录，运行compass compile, 会将sass子目录中的.scss文件编译成.css文件，保存在stylesheets子目录中，新建html文件引入其中的css文件即可。
index.html源码：

style.scss源码：

运行compass compile后的项目目录

style.css源码及解释：

这部分是由于引入了compass的reset模块，此模块的作用是重置浏览器的默认属性，使元素不设置样式时在各个浏览器下也显示同样的效果。

这部分是因为引入了compass的css3模块并使用了圆角功能，使用@include border-radius(50%)后，compass会在编译时自动生成兼容各大浏览器的代码。
简单demo运行效果：

（5）SASS+Compass稍微复杂一些的demo实现
demo功能：随机点名
实现效果：

源码地址：https://github.com/XieTongXue/call-over