sass | 菜鸟撸代码

Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、 mixins、导入等众多功能，并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好，同时也让你能够快速开始小型项目，

Sass 有两种语法。第一种被称为 SCSS (Sassy CSS)，是一个 CSS3 语法的扩充版本，这份参考资料使用的就是此语法。第二种比较老的语法成为缩排语法（或者就称为 “Sass”），提供了一种更简洁的 CSS 书写方式。它不使用花括号，而是通过缩排的方式来表达选择符的嵌套层级，而且也不使用分号，而是用换行符来分隔属性。

github地址：https://github.com/San-Shui/sass

clone远程仓库到本地：

git clone https://github.com/San-Shui/sass.git

进入gulp目录

cd sass

安装依赖

yarn install 或者 npm install

运行项目

gulp

运行之后会生成一个dist目录，dist目录下的文件是通过配置gulp自动生成。

修改src目录下的任何文件都会自动刷新网页

Sass基础—Sass语法：http://www.w3cplus.com/sassguide/syntax.html

Sass基础—颜色函数: http://www.w3cplus.com/preprocessor/sass-color-function.html

Sass基础—Sass函数:http://www.w3cplus.com/preprocessor/sass-other-function.html

<div>
    作者：qq_27626333 发表于2017/9/20 22:23:17 [原文链接](http://blog.csdn.net/qq_27626333/article/details/78046323)
</div>
<div>
阅读：111 评论：0 [查看评论](http://blog.csdn.net/qq_27626333/article/details/78046323#comments)
</div>