Less (一種動態樣式語言)


Less (一種動態樣式語言)。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM