less開發(fā)指南
我要評論【一】less簡介
LESS（是.less后綴名的文件） 包含一套自定義的語法及一個解析器，我們根據這些語法定義自己的樣式規(guī)則，這些規(guī)則最終會通過解析器，編譯生成對應的 CSS 文件。LESS 并沒有裁剪 CSS 原有的特性，更不是用來取代 CSS 的，而是在現(xiàn)有 CSS 語法的基礎上，為 CSS 加入程序式語言的特性，如變量、繼承、運算、嵌套等，更方便CSS的編寫和維護。
先看下段less代碼片段，感受下它的魅力：
@url:'../images/';</p> <p>.box-a{
.hd-a{
height: 25px;
background:url('@{url}bg.png');
}
}
編譯后的css文件代碼：
.box-a .hd-a {
height: 25px;
background: url('../images/bg.png');
}
在上面的less代碼中，我們看到了css語法的縮影（選擇器，屬性的寫法），LESS 并沒有裁剪 CSS 原有的特性，更不是用來取代 CSS 的，而是在現(xiàn)有 CSS 語法的基礎上，為 CSS 加入程序式語言的特性。我們在前端頁面開發(fā)時依然引入css文件地址，而less文件則是你維護的代碼文件，這過程中，我們只是多了一個步驟 -- 編譯
【二】編譯方案
目前將less編譯為css的插件或軟件很多，如gruntjs ，nodejs等等，而這里介紹的是考拉編譯軟件
打開此軟件，將.less文件拖進去，而你只需要在編輯器中保存less文件（考拉支持實時監(jiān)控編譯），考拉默認就在該目錄生成一份同名的css文件（你可以配置輸出路徑）
【三】如何在編輯器中，寫less有代碼補全提示
以 sublime text編輯器 為例子：需要安裝
重啟后：
【四】版本
Less 的版本，并不是指本身（如jQuery就是需要下載對應的本身版本庫），而是指編譯工具中的less版本，以考拉軟件為例子：
如圖所示，就是考拉軟件中的less版本，1.6.1
相關文章
LESS 讓css也支持變量，運算符，include,嵌套規(guī)則等等
最近在網上看到1個很有意思的CSS擴展，這里介紹給大家。LESS 最早是1個ruby的gem，用于擴展css的語法，用了LESS后，可以在css中使用變量，運算符，include,嵌套規(guī)則等等。2010-07-04- Less 是一種樣式語言，它將 css 賦予了動態(tài)語言的特性，如變量、 繼承、 運算、 函數。less 既可以在客戶端上運行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或2012-11-20
LESS 讓css也支持變量，運算符，include,嵌套規(guī)則
最近在網上看到1個很有意思的CSS擴展，這里介紹給大家。LESS 最早是1個ruby的gem，用于擴展css的語法，用了LESS后，可以在css中使用變量，運算符，include,嵌套規(guī)則等等。2010-07-04- less用變量 （variables）,引用（mixins）,表達式(operations),嵌套規(guī)則（nested rules）來擴展css開發(fā).2009-08-14
- Css可以讓你做很多事情，但它畢竟是給瀏覽器認的東西，對開發(fā)者來說，Css缺乏很多特性2012-07-11
- 這篇文章主要介紹了Less里css表達式的寫法，需要的朋友可以參考下。修復IE6的fixed，IE7+已經支持了2014-06-18
- 這篇文章主要介紹了瀏覽器端如何使用Less,需要的朋友可以參考下2014-12-10
