scss
1炮沐、 scss是css的擴(kuò)展語言
2、注釋：/* */（能被編譯出來）和//（不能被編譯出來）
3峰弹、變量：用$開頭店量，用;結(jié)尾，值后加!default鞠呈，指定值為默認(rèn)值
4融师、嵌套：選擇器嵌套和屬性嵌套
5、@at-root跳出嵌套
6蚁吝、&指父標(biāo)簽
7旱爆、宏：sass中使用@mixin聲明宏，可以傳遞參數(shù)窘茁，參數(shù)名以$符號(hào)開始疼鸟，多個(gè)參數(shù)以逗號(hào)分開，也可以給參數(shù)設(shè)置默認(rèn)值庙曙。聲明的@mixin通過@include調(diào)用。
8浩淘、繼承：@extend捌朴，后面跟要繼承的選擇器吴攒。
9、函數(shù)：@function 函數(shù)名(參數(shù)){ @return 表達(dá)式;}
10砂蔽、運(yùn)算：可以對(duì)數(shù)值型的Value(如：數(shù)字洼怔、顏色、變量等)進(jìn)行加減乘除四則運(yùn)算左驾。運(yùn)算符前后請(qǐng)留一個(gè)空格镣隶，不然會(huì)出錯(cuò)。
11诡右、條件判斷：@if 判斷表達(dá)式 { } @else if 判斷表達(dá)式 { } @else { }
12安岂、三目運(yùn)算：if($condition, $if_true, $if_false)
13、for循環(huán)：for循環(huán)有兩種形式帆吻，分別為：@for $var from <start> through <end>和@for $var from <start> to <end>域那。$i表示變量，start表示起始值猜煮，end表示結(jié)束值次员，這兩個(gè)的區(qū)別是關(guān)鍵字through表示包括end這個(gè)數(shù)，而to則不包括end這個(gè)數(shù)王带。
14淑蔚、each循環(huán)：@each $var in <list or map> { }
compass
1、compass是sass/scss的工具庫
2愕撰、安裝命令：gem install compass
3刹衫、創(chuàng)建compass項(xiàng)目：compass create myproject
4、scss編譯成css：compass compile
5盟戏、scss編譯成min.css：compass compile --output-style compressed
6绪妹、強(qiáng)制編譯：compass compile --force
7、自動(dòng)編譯：compass watch
8柿究、compass模塊：css3邮旷、reset（重置）、layout（布局）蝇摸、typography（版式）和utilities
gulp
gulp是前端css婶肩、js編譯、合并貌夕、壓縮等自動(dòng)化工具律歼，比grunt好用。
