SASS
Introduction
第1章SASS簡介
1-1 什麼是CSS 預處理器?
1-2 什麼是Sass?
1-3 Sass 和SCSS 有什麼區別?
1-4 Sass/SCSS 和純CSS 寫法差很多嗎?
第2章Sass安裝環境
2-1 sass安裝(Mac系統)mv
2-2 Sass安裝(windows版)
2-3 查測Sass 及更新
2-4 卸載(刪除)Sass
第3章Sass的語法格式及編譯調試
3-1 Sass 語法格式
3-2 Sass 編譯
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-12 Sass 的調試
第4章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的基本特性-運算
5-1 [Sass運算]加法
5-2 [Sass運算]減法
5-3 [Sass運算]乘法
5-4 [Sass運算]除法
5-5 [Sass運算]變量計算
5-6 [Sass運算]數字運算
5-7 [Sass運算]顏色運算
5-8 [Sass運算]字符運算
進階第1章Sass的控制命令
1-1 Sass課程簡介
1-2 @if
1-3 @for循環(上)
1-4 @for循環(下)
1-5 @while循環
1-6 @each循環
進階第2章Sass的函數功能-字符串與數字函數
2-1 Sass的函數簡介
2-2 字符串函數-unquote()函數
2-3 字符串函數-quote()函數
2-4 字符串函數-To-upper-case()、To-lower-case()
2-5 數字函數簡介
2-6 數字函數-percentage()
2-7 數字函數-round()函數
2-8 數字函數-ceil()函數
2-9 數字函數-floor()函數
2-10 數字函數-abs()函數
2-11 數字函數-min()函數、max()函數
2-12 數字函數-random()函數
進階第3章Sass的函數功能-列表函數
3-1 列表函數簡介
3-2 length()函數
3-3 nth()函數
3-4 join()函數
3-5 append()函數
3-6 zip()函數
3-7 index()函數
3-8 Introspection函數
3-9 Introspection 函數-type-of()
3-10 unit()函數
3-11 unitless()函數
3-12 comparable()函數
3-13 Miscellaneous函數
3-14地圖
3-15 Sass Maps的函數
3-16 Sass Maps的函數-map-get($map,$key)
3-17 Sass Maps的函數-map-has-key($map,$key)
3-18 Sass Maps的函數-map-keys($map)
3-19 Sass Maps的函數-map-values($map)、map-merge($map1,$map2)
3-20 Sass Maps的函數-map-remove($map,$key)、keywords($args)
進階第4章Sass的函數功能-顏色函數
4-1 RGB顏色函數-RGB()顏色函數
4-2 RGB顏色函數-RGBA()函數
4-3 RGB顏色函數-Red()、Green()、Blue()函數
4-4 RGB顏色函數-Mix()函數
4-5 HSL函數簡介
4-6 HSL函數-lighting()
4-7 HSL函數-saturate()
4-8 HSL函數-adjust-hue()函數
4-9 HSL函數-grayscale()函數
4-10 Opacity函數簡介
4-11 Opacity函數-alpha()、opacity()函數
4-12 Opacity函數-rgba()函數
4-13 Opacity函數-opacify()、fade-in()函數
4-14 Opacity函數-transparentize()、 fade-out()函數
4-15 顏色函數實戰——七色卡
進階第5章Sass的@規則
5-1 @import
5-2 @media
5-3 @extend
5-4 @根
5-5 @debug
5-6 @warn
5-7 @錯誤
Powered by
GitBook
3-8 Introspection函數
Introspection函數
Introspection 函數包括了幾個判斷型函數:
type-of($value):返回一個值的類型
unit($number):返回一個值的單位
unitless($number):判斷一個值是否帶有單位
comparable($number-1, $number-2):判斷兩個值是否可以做加、減和合併
這幾個函數主要用來對值做一個判斷的作用,我們來依次看每個函數的功能。
results matching "
"
No results matching "
"