less和sass都屬于css預(yù)處理語(yǔ)言鸯旁,它擴(kuò)充了CSS語(yǔ)言忆植,增加了諸如變量、混合(mixin)法褥、函數(shù)等功能茫叭,讓css更易維護(hù)、方便制作主題
Sass: Syntactically Awesome Style Sheets
Sass 擴(kuò)展了 CSS3半等,增加了規(guī)則揍愁、變量、混入杀饵、選擇器莽囤、繼承等等特性。Sass 生成良好格式化的 CSS 代碼切距,易于組織和維護(hù)朽缎。
SASS是對(duì)CSS3(層疊樣式表)的語(yǔ)法的一種擴(kuò)充,它可以使用巢狀、混入话肖、選擇子繼承等功能北秽,可以更有效有彈性的寫出Stylesheet。Sass最后還是會(huì)編譯出合法的CSS讓瀏覽可以使用最筒,也就是說(shuō)它本身的語(yǔ)法并不太容易讓瀏覽器識(shí)別(雖然它和CSS的語(yǔ)法非常的像贺氓,幾乎一樣),因?yàn)樗皇菢?biāo)準(zhǔn)的CSS格式床蜘,在它的語(yǔ)法內(nèi)部可以使用動(dòng)態(tài)變量等辙培,所以它更像一種極簡(jiǎn)單的動(dòng)態(tài)語(yǔ)言。
w3cplus中有隊(duì)sass的詳細(xì)介紹:
http://www.w3cplus.com/sassguide/
可以直接在下面的網(wǎng)站編輯邢锯,然后把css引入html:
https://www.sassmeister.com/
less官方網(wǎng)站:
http://lesscss.org/
可以使用koala進(jìn)行編寫扬蕊,也可以在vscode、sublime等編譯器中安裝插件進(jìn)行編譯弹囚。
工具:grunt \ gulp \ webpack
工具:codekit
tips:
可以使用@import “aaa.css”厨相,引入其他css。
各種UI庫(kù):jquery UI鸥鹉、extjs蛮穿、jquery easyUI、ztree毁渗、