REM单位：
rem（root em）是一个相对单位，类似于em，em是相对于父元素字体的大小
不同的是rem是相对于html元素的字体大小来定义的
比如：html元素设置的font-size的值是20px，那么2rem的对应的像素大小就是40px
rem的优势：父元素的文字大小可能会不一致，一个元素也可能会有多个父级元素，但是整个页面只有一个html标签，所以我们可以通过改变html的字体大小，来控制整个页面的所有元素的尺寸
媒体查询：
媒体查询是可以帮助我们查询不同的屏幕宽度来进行相应的设置
使用@media 查询，可以针对不同的媒体类型来定义不同的样式
当我们重置浏览器的时候，页面会根据媒体查询来重新渲染页面
目前我们主要的媒体查询是针对移动端的：比如手机、平板等等。
Less：
LESS（leanerStyle Sheets的缩写），是一门CSS的扩展语言，也称为CSS的预处理器。
变量是指没有固定的值，并且可以改变里面装的值。简单理解就是一个装具体值的一个盒子
@变量名: 值；
任何的数字、颜色或者变量都可以参与计算，less为我们提供了加(+)、减(-)、乘(*)、除(/)算术运算。
|
