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. 自定義導入器