乐观李菇凉

day2 弹性布局 什么是弹性布局 一句话：就是用于解决一个盒子内多个子盒子的排列及其分布。（不存在float浮动塌陷问题） display: flex;/*开启弹性布局*/ float 主要为了解决多个元素共存一行。 缺点：子元素浮动后，父元素高度塌陷；当父元素宽度，大于所有的的子元素宽度之和，为了美观，需要人为计算边距。 弹性布局属性 父元素属性 ???? justify-content属性主要用于控制子元素在主轴方向上(主轴方向默认是水平从左向右)的排列及分布方式。 假设：主轴的方向是水平

Less介绍 less是一种css语言的预处理器，是用来书写css的工具。 通俗的说，CSS预处理器是一种专门编写css代码的语言(工具)，通过less来编写css代码变得更灵活，更高效，更容易维护。 什么是预处理(预编译) ​ 在Less文件中，less代码格式并不能被浏览器识别。想将Less文件代码变成css代码，必须先将这个Less文件预先进行处理。 预处理的就可以将Less文件代码转换为css代码。 Less使用流程 先创建less文件 创建一个less文件，扩展名为less，在这个文件

rem和em比较 1.相同点 都是相对单位，目的都是为了在不同的屏幕上显示的效果尽可能的一致，换句话讲就是在大屏幕上进行整体放大，小屏幕上进行整体缩小。 2.不同点 em 是相对当前元素设置font-size,需要设置每个元素的font-size,太零散，不好统一进行管理。 rem 是相对根元素（html标签）设置font-size，只需要设置跟元素的font-size，便于统一管理。 使用流程 ​ 注： 在实际开发中，以美工获取的效果图，一般为2倍图 ​ 1.效果图中的物理像素转