十分鐘入門less(翻譯自:Learn lESS in 10 Minutes(or less))
注:本文為翻譯文章,因翻譯水平有限,難免有缺漏不足之處,可查看原文。
我們知道寫css代碼是非常枯燥的,尤其是寫重復顏色、樣式的代碼,這需要我們付出很多努力來保持css代碼可維護,但是它本不應該是這樣的。
很幸運地是,web開發(fā)社區(qū)已經(jīng)解決了這個問題,我們在現(xiàn)在已經(jīng)有了類似與less、sass和stylus這樣的預處理器。它們有很多優(yōu)于一般的css之處,如下所示:
變量---以至于我們可以在樣式表中定義和輕松地改變值。
動態(tài)計算值。在css中我們有calc。
Mixins---使得我們重用和結合樣式。它甚至還支持傳遞參數(shù)。
函數(shù)---它給我們大量方便的功能來操作顏色、轉(zhuǎn)換圖片等等。
不足之處在于如果你使用他們其中的一種預編譯器,你需要把它編譯成普通的css這樣他才能在你的瀏覽器中工作。