rem适配布局

根据设备等比例的缩放元素
1.em:父元素的字体大小
2.rem：根元素的字体大小，根元素指html。
比如,根元素( html )设置font-size= 12px;非根元素设置width:2rem;则换成px表示就是24px.
3.媒体查询：css3的新语法。
@media 可以针对不同的屏幕尺寸设置不同的样式。

@media  scree and （width：750px）

mediatype ：all、scree、print
关键字：and not only
maxwidth/minwidth/width
4.引入资源：当样式比较繁多的时候,我们可以针对不同的媒体使用不同stylesheets (样式表) .原理,就是直接在link中判断设备的尺寸,然后引用不同的css文件。

<link rel="stylesheet" media="mediatype and|not|only (media feature) ”href="mystylesheet.css">

less

1.变量命名
变量是指没有固定的值,可以改变的。因为我们CSS中的一些颜色和数值等经常使用。
@变量名;值;
变量命名规范
必须有@为前缀
不能包含特殊字符
不能以数字开头
大小写敏感
2.Less编译
下载插件，生成css文件
具体操作见Sublime安装Less插件
安装成功后，生成的css文件是压缩过的，此时可以参考此篇博文进行设置，不要试图直接修改settings-default，在settings-user中重新赋值。
3.Less嵌套
4.Less运算
任何数字、颜色或者变量都可以参与运算。就是Less提供了加(+)、减(-)、乘(*).除(/)算术运算。
运算符中间左右有个空格隔开；对于两个不同的单位的值之间的运算 .运算结果的值取第一个值的单位；如果两个值之间只有一 个值有单位 ,则运算结果就取该单位。