less和sass都屬于css預(yù)處理語言,它擴(kuò)充了CSS語言,增加了諸如變量、混合(mixin)、函數(shù)等功能,讓css更易維護(hù)、方便制作主題
Sass: Syntactically Awesome Style Sheets
Sass 擴(kuò)展了 CSS3,增加了規(guī)則、變量、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易于組織和維護(hù)。
SASS是對(duì)CSS3(層疊樣式表)的語法的一種擴(kuò)充,它可以使用巢狀、混入、選擇子繼承等功能,可以更有效有彈性的寫出Stylesheet。Sass最后還是會(huì)編譯出合法的CSS讓瀏覽可以使用,也就是說它本身的語法并不太容易讓瀏覽器識(shí)別(雖然它和CSS的語法非常的像,幾乎一樣),因?yàn)樗皇菢?biāo)準(zhǔn)的CSS格式,在它的語法內(nèi)部可以使用動(dòng)態(tài)變量等,所以它更像一種極簡(jiǎn)單的動(dòng)態(tài)語言。
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庫:jquery UI、extjs、jquery easyUI、ztree、