2021-01-14

1.rem是根据html的font-size大小来变化，正是基于这个出发，我们可以在每一个设备下根据设备的宽度设置对应的html字号，从而实现了自适应布局
2.采用flex布局的元素，称为flex容器，它的所有子元素自动成为容器成员，称为flex项目。如下图：

容器默认存在2根轴，水平的主轴和垂直的侧轴，主轴的开始位置(与边框的交叉点)叫做main start, 结束位置叫做 main end.
交叉轴的开始位置叫做 cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，
占据的交叉轴空间叫做cross size。

1. flex-direction：该属性决定主轴的方向(即项目的排列方向)。
   它可能有四个值：
   row（默认值）：主轴为水平方向，起点在左端。
   row-reverse：主轴为水平方向，起点在右端。
   column：主轴为垂直方向，起点在上沿。
   column-reverse：主轴为垂直方向，起点在下沿。

二：容器有如下6个属性
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content