1.長度單位--rem
.可以使用rem單位設置網(wǎng)頁元素的尺寸
.rem是相對單位,是相對于HTML標簽的字號計算結果,1rem = 1HTML字號大小
01-rem移動適配 - 媒體查詢
.媒體查詢能夠檢測視口的寬度，然后編寫差異化的 CSS 樣式,當某個條件成立, 執(zhí)行對應的CSS樣式
.目前rem布局方案中屯伞，將網(wǎng)頁等分成10份语御， HTML標簽的字號為視口寬度的 1/10
02-rem適配原理
.實現(xiàn)在不同寬度的設備中，網(wǎng)頁元素尺寸等比縮放效果
03-在body標簽的最后一行插入<script src="./js/flexible.js"></script>,以實現(xiàn)在不同寬度的設備中上炎，網(wǎng)頁元素尺寸等比縮放效果
2.Less語法
.Less是一個CSS預處理器, Less文件后綴是.less
.擴充了 CSS 語言, 使 CSS 具備一定的邏輯性戒财、計算能力(CSS是不支持計算寫法的,但是可以通過Less語法進行計算,然后再編譯轉換為CSS文件)
.注意：瀏覽器是不會識別Less代碼的，目前階段展姐，網(wǎng)頁要引入對應的CSS文件
01-注釋
單行注釋
語法：// 注釋內(nèi)容
快捷鍵：ctrl + /
注意:單行注釋不可以編譯到css文件里面(在css里面不顯示)
塊注釋
語法：/* 注釋內(nèi)容 */
快捷鍵： shift + alt + A
注意:塊級注釋可以編譯到css文件里面(在css里面顯示)
02-計算
加蜕该、減犁柜、乘直接書寫計算表達式(+ - *)
除法需要添加 . 或 小括號 --- ./或者(數(shù)字1 / 數(shù)字2)
注意點：
1.單位沒有順序之分，如果一個表達式之中有多個單位堂淡，以第一個單位為準
2.運算符的前后馋缅，要么都加空格隔開，要么都不加
03-嵌套
.生成后代選擇器
.生成子代選擇器
.生成交集選擇器
.生成并集選擇器
.生成偽類選擇器
.添加偽元素
.生成結構偽類選擇器
04-變量
思考：
? 網(wǎng)頁中, 文字文字顏色基本都是統(tǒng)一的萤悴， 如果網(wǎng)站改版，變換文字顏色更啄， 如何修改代碼稚疹？
? 方法一：逐一修改屬性值（太繁瑣）
? 方法二： 把顏色提前存儲到一個容器，設置屬性值為這個容器名(使用Less變量設置屬性值)
.變量：存儲數(shù)據(jù)祭务，方便使用和修改
語法：
? 定義變量：@變量名: 值; ---(變量名自定義)
? 使用變量：CSS屬性：@變量名;
05-導入
注意:less里面只能導入less格式的文件,導入后的文件,會自動編譯成css文件使用
.導入的兩種方式
@import url(./04-嵌套.less);
@import "./03-計算.less";
06-導出
.在Less文件第一行添加---// out:文件路徑
注意點：
1.路徑如果表示文件夾，最后一定要有/
2.導出屬于less配置信息怪嫌，一定要寫在第一行义锥，或者less配置信息的前面沒有任何內(nèi)容,否則導出無效
07-禁止導出
在less文件第一行添加: // out: false
08-壓縮導出
.壓縮導出屬于less配置信息，一定要寫在第一行
.壓縮導出的好處是節(jié)約成本,讓網(wǎng)頁渲染的更快
語法:// compress:ture
注意:如果多個配置一起寫岩灭，配置與配置之間以英文逗號隔開,例如---// compress:ture,out:../css2/
