Less 是一門 CSS 預處理語言,它擴展了 CSS 語言总棵,增加了變量鳍寂、Mixin、函數(shù)等特性情龄,使 CSS 更易維護和擴展迄汛。
Less 可以運行在 Node 或瀏覽器端。
*Less的作者把原生CSS稱為“vanilla CSS”骤视。
我認為Less最大的優(yōu)點就是減少了許多重復的css代碼鞍爱。
專門的編譯工具:http://koala-app.com/index-zh.html(可通過該工具自行創(chuàng)建less文件(后綴名為 .less),無需安裝node.js专酗。教程:http://blog.csdn.net/u011250873/article/details/45917519)
通過終端安裝(for Mac):
安裝過node.js后睹逃,打開終端,輸入以下命令進行下載&安裝:
npm install -g less
(如果有安裝國內(nèi)的cnpm的話祷肯,可以把npm改為cnpm沉填。下載安裝的速度更快。雖然不知道會有什么風險就是了)
安裝完畢后佑笋,輸入以下代碼調(diào)用less編譯器翼闹,并輸出編譯之后的 CSS 代碼到名為mystyles的css文件(沒有的話就會創(chuàng)建)
lessc styles.less > /項目路徑/mystyles.css
(Mac可以直接將項目文件夾拖到終端,終端會顯示該文件夾的具體路徑)
開始使用(也就是coding部分):
在head標簽內(nèi)依次加入以下2個標簽:
1. <link rel="stylesheet/less" type="text/css" href="styles.less" />
2. 下載less.js并解壓蒋纬,在dist找到less.js橄碾,復制粘貼到項目文件夾下,并在script標簽內(nèi)引入:
<script src="less.js" type="text/javascript"></script>
接著就是根據(jù)less的語法正常書寫代碼了颠锉。待續(xù)法牲。
--------
Ref:
http://less.bootcss.com/
http://www.imooc.com/video/4825
http://www.imooc.com/video/4827
免責聲明:http://www.reibang.com/p/cd9793098eea