# **less簡介**
less是一種css 的預處理語言，簡化了css的書寫，增強了css的功能，賦予css動態語言的特點，是css的升級版。
為什么要使用？除非它好用？
該 如何使用？
# 如何使用less?
\*\***方式一：客戶端直接調用**\*\*
```
<!--1.用戶編寫的LESS文件-->
<link rel="stylesheet/less" href="less/less.less">
<!--2.用于編譯LESS文件的框架( 在head 或者 body尾部引入 )-->
<script type="text/javascript" src="js/less.min.js"></script> //不推薦
```
注意：必須在**服務器**環境中才能生效，動態編譯注入虛擬DOM或者內存中，類似ajax
**方式二：預編譯(提前編譯)**
1. 使用最常使用的代碼編輯器，按LESS的語法規則寫好后綴名為.less文件；
2.使用編譯工具（考拉）把它編譯成.css文件；
3.把編譯后的css文件引入到頁面即可。
### 考拉用法或者webstorm
注意事項：
考拉軟件要先安裝，注意安裝時，不要修改路徑，切記切記，或者自己指定文件目錄，要自己新建一個空的，否則會將你指定的目錄的內容全部刪除掉。
新建文件夾名稱為less會自動生成css文件夾，其他名稱不會生成文件夾，更新文件要重新刷新考拉，考拉會在右下角自動編譯，隔了一段時間的話建議手動刷新。
source-map作用是在瀏覽器中.css文件指向預處理語言文件less文件
Line comments 顯示行號
