陈迹·清欢的博客

以下内容转载于阮一峰大佬的博客，有改动和增加的部分SASS用法指南一、什么是SASS二、安装和使用2.1 安装2.2使用三、基本用法3.1 变量3.2 计算功能3.3 嵌套3.4 注释四、代码的重用4.1 继承4.2 Mixin4.3 颜色函数4.4 插入文件4.5 占位符4.6 混合宏、继承、占位符 比较五、高级用法5.1 条件语句5.2 循环语句5.3 自定义函数5.4 值列表5.5 除法需要注意的地方一、什么是SASSSASS是一种css的预处理器，帮助开发者节约编写css样式的时间。二、.

./scss文件编译后的.css文件很明显，出现了中文乱码，那么如何解决呢？解决方案首先找到下图的文件，打开进行修改如下图，设置编码方式即可解决

sass的编译方式有大体两种，第一种是用图形化界面，也就是下一些软件进行编译，网上一查一大堆，第二种就是命令行方式，但每次自己手动去编译就很麻烦，虽然可以使用命令sass --watch sass/:css/来监听文件修改并实时更改输出的css文件，但每次去设置也很麻烦，所以webstorm提供的自动编译就很舒服了。Sass安装因为sass是依赖于ruby的，所以想要安装sass，需要先安装ruby。安装地址，windows安装方法就一直next完事。安装好ruby以后，打开cmd，输入gem ins

.scss文件内容nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; } } 1.嵌套输出 nested:nav ul { m