一. Sass/Scss耸彪、Less是什么?
1.1、Sass (Syntactically Awesome Stylesheets)是一種動(dòng)態(tài)樣式語言，Sass語法屬于縮排語法散休，比css比多出好些功能(如變量、嵌套乐尊、運(yùn)算,混入(Mixin)戚丸、繼承、顏色處理扔嵌，函數(shù)等)限府，更容易閱讀。
1.2痢缎、Sass與Scss是什么關(guān)系?
Sass的縮排語法胁勺，對于寫慣css前端的web開發(fā)者來說很不直觀，也不能將css代碼加入到Sass里面独旷，因此sass語法進(jìn)行了改良署穗，Sass 3就變成了Scss(sassy css)。與原來的語法兼容势告，只是用{}取代了原來的縮進(jìn)蛇捌。
2.1抚恒、Less也是一種動(dòng)態(tài)樣式語言. 對CSS賦予了動(dòng)態(tài)語言的特性咱台，如變量，繼承俭驮，運(yùn)算回溺， 函數(shù). Less 既可以在客戶端上運(yùn)行 (支持IE 6+, Webkit, Firefox)春贸，也可在服務(wù)端運(yùn)行 (借助 Node.js)。
二. Sass/Scss與Less區(qū)別遗遵？
1.1編譯環(huán)境不一樣
Sass的安裝需要Ruby環(huán)境萍恕，是在服務(wù)端處理的，而Less是需要引入less.js來處理Less代碼輸出css到瀏覽器车要，也可以在開發(fā)環(huán)節(jié)使用Less允粤，然后編譯成css文件，直接放到項(xiàng)目中翼岁，也有 Less.app类垫、SimpleLess、CodeKit.app這樣的工具琅坡，也有在線編譯地址悉患。
注：兩種均可以用IDE編輯器進(jìn)行編譯，例如：應(yīng)用Hbulilder等
編譯less
1榆俺、npm install -g less 全局安裝less
2售躁、對Hbuilder預(yù)編輯器進(jìn)行設(shè)置
3、可以開始擼碼了茴晋，編譯后css文件與源文件在同一個(gè)文件夾Ｅ憬荨！诺擅！
編譯sass
1揩局、安裝Ruby環(huán)境
2、對Hbuilder預(yù)編輯器進(jìn)行設(shè)置
3掀虎、可以開始擼碼了凌盯，編譯后css文件與源文件在同一個(gè)文件夾！Ｅ胗瘛驰怎！
