由於CSS的維護和擴展工作艱鉅。“動態樣式語言”（如 less）在CSS的基礎之上，添加了一些標準的“語言”所必須的內容：類型、變量、運算、函數、循環選擇、繼承等。
但是瀏覽器默認只支持靜態樣式語言，所以所有的動態樣式首先必須“編譯”爲靜態樣式纔可以實現渲染頁面的功能！
所以 .less 文件必須用工具軟件(lessc)，轉化爲靜態樣式(CSS)，才能被瀏覽器所使用。下面是兩種轉化方法：
在客戶端使用LESS——不推薦使用
這種方式的使用方式比較簡單，只需要在HTML頁面引入兩個文件就可以了，分別是：1. 自己寫的 *.less文件 、2. 網上下載的 lessc.js 文件。
一定要先引入less文件再引入js文件；客戶端瀏覽器解析時會下載這兩個文件，使用lessc.js把.less轉化爲css內容再渲染頁面。
這就是不推薦在客戶端使用less的原因，首先會影響頁面加載的速度，瀏覽器要下載額外的lessc.js文件，還要將 .less 文件編譯成 .css 文件。這兩個多出來的步驟顯然會影響性能；其次，如果在加載js文件的過程中網絡出現問題、或者編譯less文件時出錯，頁面就完全沒有樣式了。
在服務器端使用LESS
這種方式是將編寫的less文件，使用一個腳本工具(lessc)，在服務器端執行一次編譯操作，把.less文件 轉化爲 .css文件。然後在 .html文件中引入.css文件即可。實現編譯操作需要幾個步驟：
1、需要下載並安裝一款服務器端JS解釋器： NodeJS
在網上找 node-v0.12.1-x86.msi(32位) 或 node-v0.12.4-x64.msi(64位) 安裝包下載後 傻瓜式安裝就可以了。安裝完成後在命令行中輸入node 或 node.exe出現下面的界面就表示安裝成功了，如果不行就配一下環境變量的path。
2、下載LESS源文件的轉換工具： lessc.js，可以直接上網找npm文件使用，然後放在沒有中文和空格的目錄下，我這裏放在C盤根目錄下了。轉換工具在這裏：C:\npm\node_modules\less\bin\lessc（省略了js後綴）
3、使用服務器端JS解釋器執行LESS轉換工具，有兩種執行方式：
1)在命令行執行——使用不便、不推薦
在命令行輸入node 轉換工具路徑 less文件路徑 > 編譯後css文件的存放位置就可以了。如：node C:\npm\node_modules\less\bin\lessc E:\1.less > E:\1.css
但是這種方式每次改完less文件都得重新編譯，使用不方便，所以不推薦。
2)使用工具編譯less文件——推薦
我這裏用的是WebStorm(WS)中的文件監視器，這樣在寫創建或修改（less文件）的同時編輯器就自動幫着即時編譯爲css文件了，並存儲在less文件同一目錄下，但每個新項目在使用前都需要先幫WS配置一下：
依次點擊：File -> Tools -> File Watcher -> 右上加號 -> Program，然後瀏覽選擇lessc文件所在目錄(我這裏就是C:\npm\lessc.cmd)，點OK，重啓WS，完成。
現在可以盡情的寫less語言了，寫完將最後生成的css文件引入html文件中就可以了。
less語言是一個動態樣式語言，有變量、混入、嵌套、繼承、運算、函數、導入等語法，還可以用它來給bootstrap定製樣式（bootstrap就是用這個語言開發的），非常好用。這裏有幾個學習less語言的中文網站可供參考學習：
中文文檔：http://less.bootcss.com/
bootstrap中提供的中文文檔：http://www.bootcss.com/p/lesscss/