SASS介绍css预处理器。其实还有很多less和stylus是有用的。SASS支持所有基于css语法的文件命名方式_准备工具SASS编译工具？官方下载地址，下载对应版本使用方法：将项目中的css文件夹拖入考拉中，创建一个后缀为demo.sass的sass文件（考拉会自动编译成demo.css）demo.html一般导入demo.css文件SASS基础知识变量demo.scss$bg-color:#00a1e9;$bg-red:red;$nav-height:50px;body{background:$bg-color;}.demo{height:$nav-height/2;}编译文件demo.cssbody{背景：#00a1e9;}.demo{height:25px;}嵌套demo.scssa{&:hover{.demo{背景：$bg-red;}}}编译文件demo.cssa:hover.demo{background:red;}继承demo.scss.sub-title{颜色：#666；保证金：0；文本对齐：居中；字体大小：32px；font-weight:bold;}p{@extend.sub-title;背景：#fff;}编译文件demo.css.sub-title,p{color:#666;保证金：0；文本对齐：居中；字体大小：32px；字体粗细：粗体；}p{背景：#fff;}相似函数sass通过关键字@mixin定义相似函数格式：@mixin函数名(){}通过@include导入函数封装函数可以写在单独的sass文件中，方便管理//兼容ieopacity封装@mixinopacity($opacity){不透明度:$opacity;Filter:alpha(opacity=$opacity*100);}//使用.demo{@includeopacity(1);}------------//编译result.demo{opacity:1;过滤器：alpha（不透明度=100）；}导入封装函数例如：项目中有一个基础文件_mixin.scss_header.scss_footer.scss文件index.scss只需要导入这三个基础文件@import"mixin";@import"header";@import"footer";导入基础scss，不需要下划线和后缀
