簡介:本課程為Sass教程入門篇,Sass又名SCSS,是CSS預處理器之一,它能讓你更好的、更輕松的工作。這個Sass教程主要適合前端開發人員,能幫助前端開發人員快速的掌握Sass,并且直接運用于實際項目當中。
第1章 Sass簡介
本章節講解什么是CSS預處理器,Sass是什么?和SCSS有什么區別?
第2章 Sass安裝環境
本章節講解如何在你的本地電腦中安裝Sass和配置Sass的運行環境。
第3章 Sass的語法格式及編譯調試
本章節簡單介紹了編譯Sass的幾種方法,命令編譯,GUI編譯和自動化編譯。
第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]注釋
- 編程: 4-19 [Sass]數據類型
- 編程: 4-20 [Sass]字符串
- 編程: 4-21 [Sass]值列表
第5章 Sass的基本特性-運算
本章節講解sass中運算怎么來操作。