Sass入門篇

課程大綱

本課程為Sass教程入門篇，Sass又名SCSS，是CSS預處理器之一，它能讓你更好的、更輕鬆的工作。這個Sass教程主要適合前端開發人員，能幫助前端開發人員快速的掌握Sass，並且直接運用於實際項目當中。

課程簡介

第1章Sass簡介

本章節講解什麼是CSS預處理器，Sass是什麼？和SCSS有什麼區別？

1-1什麼是CSS預處理器？

1-2什麼是Sass？

1-3Sass和SCSS有什麼區別？

1-4Sass/SCSS和純CSS寫法差很多嗎？

第2章Sass安裝環境

本章節講解如何在你的本地電腦中安裝Sass和配置Sass的運行環境。

2-1sass安裝（Mac系統）(04:08)

2-2Sass安裝（windows版）

2-3查測Sass及更新

2-4卸載（刪除）Sass

第3章Sass的語法格式及編譯調試

本章節簡單介紹了編譯Sass的幾種方法，命令編譯，GUI編譯和自動化編譯。

3-1Sass語法格式

3-2Sass編譯

3-3[Sass]命令編譯

3-4[Sass]GUI界面工具編譯

3-5[Sass]自動化編譯

3-6[Sass]常見的編譯錯誤

3-7[Sass]不同樣式風格的輸出方法

3-8[Sass]嵌套輸出方式nested

3-9[Sass]展開輸出方式expanded

3-10[Sass]緊湊輸出方式compact

3-11[Sass]壓縮輸出方式compressed

3-12Sass的調試

第4章Sass的基本特性-基礎

本章節主要介紹了Sass的九大基本特性

4-1[Sass]聲明變數

4-2[Sass]普通變數與默認變數

4-3[Sass]變數的調用

4-4[Sass]局部變數和全局變數

4-5[Sass]嵌套-選擇器嵌套

4-6[Sass]嵌套-屬性嵌套

4-7[Sass]嵌套-偽類嵌套

4-8[Sass]混合宏-聲明混合宏

4-9[Sass]混合宏-調用混合宏

4-10[Sass]混合宏的參數--傳一個不帶值的參數

4-11[Sass]混合宏的參數--傳一個帶值的參數

4-12[Sass]混合宏的參數--傳多個參數

4-13[Sass]混合宏的參數--混合宏的不足

4-14[Sass]擴展/繼承

4-15[Sass]占位符%placeholder

4-16[Sass]混合宏VS繼承VS占位符

4-17[Sass]插值#{ }

4-18[Sass]注釋

Sass入門篇

基本介紹

課程大綱

課程簡介

熱門詞條