关于sass
为css加入编程元素，许多人称为‘css预处理器’，它的基本思想就是：用一种专门的编程语言，进行网页样式设计，然后再编译成正常的css文件。那么Sass就是其中一种css预处理器。
sass有两种文件后缀：sass（不使用大括号和分号），scss（与css类似，推荐）
关于sass的安装：http://www.sass.hk/install/
下面介绍sass的几点特色
1sass 中可以定义变量，方便统一修改和维护（必须以$开头，后面紧跟变量名）
$fontcolor:#333;
body{
color:$fontcolor;
}
2.sass 可以进行选择器的嵌套，表示层级关系
nav{
ul{
margin:0;
padding:0;
}
li{
display:block;
}
}
3.sass中可以导入其他sass文件，最后编译为一个css文件
//reset.scss //base.scss
html,body,ul{ @import 'reset'
margin:0; body{
padding:0; color:#eee;
} }
4.sass 中可以用mixm 定义一些代码片段，且可传参数方便日后根据需求调用
@mixm box-sizing($sizing){
-webkit-box-sizing:$sizing;
-moz-box-sizing:$sinzing;
}
box-border{
border:1px solid #eee;
@include box-sizing(border-box);
}
5.sass可通过@extend来实现代码的组合声明，使代码更加优越简洁
.message{
border:1px solid #ccc;
pading:0;
color:#333;
}
.success{
@extend.message;
border-color:green;
}
6.sass 可进行简单加减乘除运算
7.关于sass的高级用法
if语句，wile语句等等，还可以自己编写函数（这块以后再完善，学艺不精）
参考：http://www.sass.hk/install/
sass的编译：
//这里补充一下sass的编译
因为是基于ruby的所以要在安装了ruby后，在start command prompt with ruby中执行命令行
到自己的项目根目录下 $ sass index.scss index.css :这样就会生成编译后的css文件了也可以设置一下路径：$ sass index.scss css/index.css
之前做了两个项目就是用了sass，这样单独的编译的确很方便，但是却达不到想要的便利，我用了grunt，想把sass的编译啊，css的合并压缩，js的合并压缩一块做了，再用watch去自动检测，但发现老是出问题，主要出现在sass在grunt的编译中。关于这个我以后肯定要回来弄一遍
关于sass有多强大，最主要是体现在重用性和可编程性吧
然后它的一个不得不提的框架是：compass，sass的强大离不开它：
对于它，下次再写
众所周知，在项目中具体引用的是.css文件而不是.scss或者.sass文件。所以你要将写好的Sass编译成需要的CSS。对于如何编译？其实方法很多种，你要是喜欢使用命令，你可以直接在命令终端编译，如果你不喜欢命令编译，你还可以使用GUI这样的界面工具辅助编译著作权归作者所有。除此之外，你要是对Node,Grunt和Gulp熟悉，你还可以使用他们帮你编译Sass。比如《Nodejs+Grunt配置SASS项目自动编译》一文所介绍。著作权归作者所有。
参考
- Sass编译
- SASS界面编译工具——Codekit的使用
- SASS界面编译工具——Koala的使用
原文: http://www.w3cplus.com/preprocessor/how-to-create-project-with-sass.html © w3cplus.com
}
