之前項目用過Less，現(xiàn)在負責的項目也要使用，所以就總結下Less，也方便以后查看。本文主要是講瀏覽器端如何使用Less。

簡介：
　　LESS是一種由Alexis Sellier設計的動態(tài)層疊樣式表語言。LESS 是開源的，其第一個版本由Ruby寫成，但在后續(xù)的版本當中，Ruby逐漸被替換為JavaScript。受益于JavaScript，LESS可以在客戶端上運行（IE6+、Webkit、Firefox），也可以在服務端運行（Node.js、Rhino）。

      本質上，LESS 包含一套自定義的語法及一個解析器，用戶根據(jù)這些語法定義自己的樣式規(guī)則，這些規(guī)則最終會通過解析器，編譯生成對應的 CSS 文件。LESS 并沒有裁剪 CSS 原有的特性，更不是用來取代 CSS 的，而是在現(xiàn)有 CSS 語法的基礎上，為 CSS 加入程序式語言的特性。你也可以再less文件中寫按照css規(guī)則寫樣式。

意義：
    改變傳統(tǒng)樣式的編寫方式，以面向對象的方式編寫，提高開發(fā)效率。

引入LESS：　　
　　首先，引入rel屬性的值是stylesheet/less的.less樣式表。如下：

復制代碼代碼如下:
<link rel=”stylesheet/less” type=”text/css” href=”styles.less” />

在渲染HTML頁面時，less文件需要編譯成css文件。我們可以有很多種方法。在服務器端，如Node.js，我們有專門的less編譯模塊。如果是在客戶端，需要從LESS官網(wǎng)下載less.js文件，然后在HTML頁面中引入，如下：

復制代碼代碼如下:
<script src=”less.js” type=”text/javascript”></script>

有了less編譯工具，我們就可以渲染頁面了。

　　在瀏覽器中使用less.js開發(fā)是很好的，但不推薦用于生產環(huán)境中。瀏覽器端使用是在使用LESS開發(fā)時最直觀的一種方式。如果是在生產環(huán)境中，尤其是對性能要求比較高的場合，建議使用node或者其它第三方工具先編譯成CSS再上線使用。

注意：

確保包涵.less樣式表在less.js腳本之前
當你引入多個.less樣式表時，它們都是獨立編譯的。所以，在每個文件中定義的變量、混合、命名空間都不會被其它的文件共享。
必須通過服務器環(huán)境訪問頁面，否則報錯
瀏覽器選項：
　　你可以引入<script src="less.js"></script>之前通過創(chuàng)建一個全局less對象的方式來指定參數(shù)，例如：

復制代碼代碼如下:
<!– set options before less.js script –>
<script>
less = {
env: “development”,
logLevel: 2,
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: “comments”,
relativeUrls: false,
globalVars: {
var1: ‘”string value”‘,