標籤：
◆LESS
基於CSS的一種擴充技術；引入了變數、混合、運算、函數；簡化CSS的代碼，降低維護成本；必須通過解析器（koloa）.
***步驟***
①建立檔案夾
②.html檔案 .less檔案
③啟動koloa配置路徑
④輸入less檔案 重新整理koloa
⑤會自動產生一個.css的檔案（在寫的過程中不要關閉koloa軟體）
⑥html引入的檔案是koloa解析出來的CSS檔案
◆**◆
①變數：@變數名：值 如 @名稱自取: 5px soild red;
使用時 div{
border:@名稱自取
}
②混合量：mixin
class類： .名稱｛聲明｝
id類 ： #名稱｛聲明｝
以上的名稱均可自己取
元素屬性： 元素名稱｛聲明｝
它的名稱不能自取 ， 必須是元素
如：
.名字自取1｛
width：200px；
height:300px;
｝
#名字自取2｛
font-size:30px;
｝
使用時： div｛
.名字自取1；
#名字自取2；
｝
**是參數的混合集合：調用多個函數，值可變
.名稱自取0（@名字自取1；@名字自取2）｛
width：@名字自取1；
height：@名字自取2；
｝
使用時： div{
.名字自取0（width的值；height的值）；
color：red
｝
◆SASS
配置路徑中不能出現中文字元 有兩種尾碼名 .sass 不用大括弧和分號 .scss使用大括弧和分號 推薦使用
變數 $ 變數名：值 （與LESS一樣的用法，知識把@變成$了）
嵌套 ①選取器嵌套 必須滿足上一層的條件才會觸發
②屬性嵌套
混合 聲明： @mixin 名稱｛｝
使用： @include名稱；
◆BOOTSTRAP
960柵格式布局：
12列式 每格60px 間距20px 3 6 3版式 三格式布局 常用
16列式 每格40px 間距20px 3 3 6 4版式 四格式布局
24列式 每格30px 間距10px
32列式
container：容器
包含檔案：CSS JS FONTS （免費表徵圖）
**配置**
①<html lang="zh-CN"> </html> 支援html5文檔
②<meta name="viewport" content="width=device-width, initial-scale=1.0"> 網頁自適應
③<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-cale=1.0,user-scale=no"> 使用者禁用縮放
④ <link rel="stylesheet" href="../css/bootstrap.min.css"> 引入bootstarp的CSS檔案
⑤<meta http-ea-quir="x-ua-compatible",content=IE:edg"> 相容IE瀏覽器 要相容IE8還需要加入repond.js檔案
⑥在body中加入JS檔案
<script src="../js/jquery-1.11.2-min.js"></script>
<script src="../js/bootstrap.min.js"></script>
初入web知識點（七）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
