Less (一種動態 CSS 語言)

來源:互聯網
上載者:User

LESS是一種由Alexis Sellier設計的動態層疊樣式表語言,受Sass所影響,同時也影響了Sass的新文法:SCSS。 LESS是開源的,其第一個版本由Ruby寫成,但在後續的版本當中,Ruby逐漸被替換為JavaScript。受益於JavaScript,LESS可以在用戶端上運行(IE6+、Webkit、Firefox),也可以在服務端運行(Node.js、Rhino)。 在文法方面,LESS與CSS較為接近,一個合法的CSS程式碼片段本身也是一段合法的LESS程式碼片段。LESS提供變數、嵌套、混合、操作符、函數等一般編程所需的抽象機制。  

例子:

Windows作業系統需要安裝下面的這個工具:

WinLess工具 http://winless.org/

注意:第一次運行,需要添加你的less檔案所在的檔案夾,尾碼名必須全部是小寫字母.less。

【在編寫less的時候一定要先運行這個軟體,儲存檔案的時候才會自動編譯.css檔案。】

運行WinLess之後,你就可以在任何編輯器中開啟less檔案進行編輯,只要儲存檔案,它就會自動產生對應的一個.css檔案(並壓縮,包括去掉注釋)。

相關網站【推薦閱讀】:

LESS官方網站 http://lesscss.org/

LESS中國官網 http://www.lesscss.net/ 【詳細使用介紹】

LESS源碼(Git) https://github.com/cloudhead/less.js

LESS教程(W3CPlus) http://www.w3cplus.com/css/less

CSS3.LESS(HoneyLess) https://github.com/xiaoqiang/Honey-less

Dreamweaver中Less自動完成 http://istyles.blog.163.com/blog/static/1811003892012630570145/

LESS介紹及其與Sass的差異 http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html

Css前置處理器實踐之Sass、Less大比拼 http://cued.xunlei.com/log044

Sublime Text 2的Less2Css外掛程式介紹與安裝 http://www.qianduan.net/sublime-text-2-less2css-plugin-introduction.html

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.