css預處理器之less
less是一種動態樣式語言，屬於css預處理器的範疇，它擴充套件了css語言，增加了變數、mixin(混合)、函式等特性，使css更具維護和擴充套件
less既可以在客戶端上執行，也可以借助node.js在伺服器執行
less中的注釋
以//開頭的注釋，不會編譯到css檔案中，給開發人員看
以/**/包裹的注釋會被編譯到css檔案中
less中的變數
使用@來申明乙個變數：
@red: red;2.作為選擇器和屬性名，使用@的形式
3.作為url: @
4.變數的延遲載入（等塊級作用域下的變數全部載入完）
@var: 0;
.class
one: @var;//1
}
1.基本巢狀規則(父包含子)
2.&的使用（可以去掉空格，不代表父子級關係，例如&:hover）
less的混合
混合就是將一系列屬性從乙個規則集引入到另乙個規則集的方式
/*使用：以點開頭*/
.juzhong(@w:100px,@c:150px)
/*呼叫*/
.aside
/*普通混合 不帶輸出的混合 帶引數的混合 帶引數並且有預設值的混合 帶多個引數的混合 命名引數*/
.********(@_)
.********(l,@w,@c)
/*會自動呼叫第乙個********類裡的屬性，可以改變三角形的朝向*/
.border(@1,@2,@3)
.saide
在less中可以進行加減乘除，計算的一方帶單位就可以
less中的繼承
/*效能比混合高，靈活度不如混合*/
.juzhong
/*使用繼承*/
.wrap
}}
使用波浪號+雙引號
~""
在檔案->首選項->設定，輸入less.compile，在settings.json中編寫配置檔案
"less.compile"
:\\css\\"
//生成css檔案的路徑，workspaceroot表示根目錄
//"out":true 表示將css檔案生成到當前less檔案所在目錄
},
Less的簡單使用
1.定義變數 color dc3545 2.樣式復用 1 無引數 box layout 2 帶引數 box r 10px layout 3.樣式巢狀 layout div a slider 4.less轉css 配置nodejs環境，安裝npm，通過npm安裝lessc，lessc可將less檔案轉...
less 的簡單使用
1 在 node.js 環境下 less 是一門 css 預處理語言，它擴充套件了 css 語言，增加了變數 mixin 函式等特性，使 css 更易維護和擴充套件。less 可以執行在 node 或瀏覽器端。使用方法 第一步 安裝 直接點選下一步就可以，安裝好後，在node的命令提示符下完成此 n...
LESS命令簡單介紹以及使用
less命令簡單介紹以及使用 b 緩衝區大小 設定緩衝區的大小 e 當檔案顯示結束後，自動離開 f 強迫開啟特殊檔案，例如外圍裝置代號 目錄和二進位制檔案 i 忽略搜尋時的大小寫 m 顯示類似more命令的百分比 n 顯示每行的行號 o 檔名 將less 輸出的內容在指定檔案中儲存起來 q 不使用警...