Syntactically Awesome StyleSheets - Sass

Good 知识 CSS， HTML5.了解任何程式设计语言都是有用的，但不是必需的。

课程形式

• 互动讲座和讨论。
• 大量的练习和练习。
• 在即时实验室环境中动手实施。

课程自定义选项

• 要申请本课程的定制培训，请联系我们进行安排。

1. 非常简短的介绍
   1. CSS 限制
   2. Less 与 Sass
   3. 社区和改进
2. CSS 扩展
   1. 嵌套规则
   2. 参考父选择器： &
   3. 嵌套属性
   4. 占位元选择器：%foo
3. Sass脚本
   1. 互动式Shell
   2. 变数：$
   3. 数据类型
   4. 操作
   5. 括弧
   6. 功能
   7. 插值：#{}
   8. & 在 Sass脚本中
   9. 变数预设值：！default
4. @-规则和指令
   1. @import
   2. @media
   3. @extend
   4. @at根
   5. @debug
   6. @warn
   7. @error
5. 控制指令 & Expressions
   1. if（）
   2. @if
   3. @for
   4. @each
   5. @while
6. Mixin 指令
   1. 定义Mixin：@mixin
   2. 包括Mixin： @include
   3. 参数
   4. 将内容块传递给Mixin
7. 函数指令
8. 输出样式
   1. ：嵌 套
   2. ：扩大
   3. ：紧凑的
   4. ：压缩
9. 延伸 Sass
   1. 定义自订 Sass 函数
   2. 缓存存储
   3. 自定义导入器