上篇中，我們簡單了解了less的使用環境和怎麼使用less;
下面我們了解一下less 的變數和注釋
less 的注釋
/*這是第一種注釋*/
//這是第二種注釋
上面的第一種注釋麻煩一點，但是當我們的less檔案編譯成css檔案後，css檔案中注釋依然存在；
相反的第二種注釋簡單一點，但是編譯成css 檔案後，css 檔案中是沒有注釋的；
less 的變數
在前一篇中，我們已經使用了變數，但是沒有詳細說明，現在重新認識一下變數：
style.less檔案：
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
body
//假設我們定義了div，那麼可以使用上面這個變數給div設定背景顏色
div從上面可以看出，定義乙個變數使用 ：@變數名 ，例如
@text-color:
#ffccdd;
然後在其它的地方都可以使用這個@text-color 變數
上面定義的是顏色的變數的形式，下面看看帶單位的長度如何使用變數：（less檔案）
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
100;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
div上面使用長度的時候，使用了 unit（） 這個函式，
下面看看其它的常用的函式
ceil( )函式，向上取整；
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
100.1;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
//使用ceil（） 函式，向上取整，把100.1變成101
divfloor函式 ，向下取整 ；
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
100.1;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
//使用floor（） 函式，向下取整，把100.1變成100
divround( )函式，四捨五入；
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
100.1;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
//使用round（） 函式，四捨五入，把100.1變成100
divpercentage（）函式，百分比；
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
0.5;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
//使用percentage（） 函式，百分比，把0.5 變成50%
divabs( )函式，絕對值；
//@bg-color 的意思是定義乙個變數bg-color
@bg-color:
#ffccdd;
@div-len:
-100;
@div-bg:
#ff00dd;
// 變數之顏色的使用
body
// 變數的長度單位的使用
//使用unit（） 函式，第乙個引數是上面我們定義的變數，第二個引數是單位
//使用abs（） 函式，取絕對值，把-100變成100
div
less 注釋 變數
1 注釋 在less中，注釋的方法有2中。一種是雙斜槓 另一種是 在css中，只認 而雙斜槓 css是不認的。所以在less中，用 的注釋是可以被編譯出來的。而雙斜槓 在less的編譯過程中，是忽略掉的。less 雙斜槓注釋 傳統樣式注釋 編譯後的css 傳統樣式注釋 變數 less變數的宣告是用 ...
Less變數詳解
普通的變數 css預設不支援變數，當我們使用 less 之後就可以使用。其定義方式是 變數名 值 如下，我們定義乙個變數 green,設定乙個顏色 green,然後將網頁背景設定為綠色 green 801f77 header 注意 由於變數只能定義一次，實際上他們就是 常量 作為選擇器和屬性名 使用...
正確使用less以及less變數variables
初見less 以 開始的注釋不會被編譯到css檔案中 以 包裹的注釋會被編譯在css檔案中 正確使用less 一 如何使用less less檔案只有在被編譯後才能被瀏覽器識別使用 二 less編譯工具三 客戶端除錯方式 首先引用.less檔案 注意引用時使用link引入，然後將rel屬性設定為rel...