less
1、less专业属于：css预处理器，还有SCSS/SASS、stylus，作用是作为提高编写css效率的工具
2、less浏览器不能直接识别，依靠编译工具将他编译成css文件
3、less变量
①定义变量
@color:red;
@background-color:red
②使用变量
div {
color:@color;
background-color: @background-color;
}
响应式
1、什么是响应式网站，机器原理相关技术
一套代码，可以实现pc端和移动端的布局，而且体验不错，其原理是通过媒体查询，技术原理是通过屏幕的宽度或者高度的不同，去使用对应的css代码
2、bootstrap是响应式布局的UI框架
3、栅格系统
①实现响应式布局的核心技术：媒体查询+浮动
②屏幕划分为4种：lg、md、sm、xs
③步骤
第一步写版心：container、container-fluid(全屏)
第二步写行：row(框架已包含关于display:flex，及flex:1;等css属性，使元素再一行排列)
第三不写栅格：分析在什么屏幕尺寸下的显示情况，判断出一行占几份
