本篇內容介紹了“l(fā)ess開發(fā)方法步驟”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

目前創(chuàng)新互聯(lián)建站已為千余家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、網(wǎng)站托管、服務器租用、企業(yè)網(wǎng)站設計、津南網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

【一】less簡介

LESS（是.less后綴名的文件） 包含一套自定義的語法及一個解析器，我們根據(jù)這些語法定義自己的樣式規(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

“l(fā)ess開發(fā)方法步驟”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質量的實用文章！

網(wǎng)頁名稱：less開發(fā)方法步驟-創(chuàng)新互聯(lián)
轉載來于：http://www.rwnh.cn/article12/cssigc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信小程序、動態(tài)網(wǎng)站、營銷型網(wǎng)站建設、電子商務、App開發(fā)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)