36.html-弹性盒子基础

CSS弹性盒子相对于普通盒子更为灵活
        容器项目
            容器：设置了弹性盒子的这个盒子就叫容器
            项目：容器地方子元素就称为项目
            怎么设置弹性盒子：display：flex

        主轴与交叉轴
            主轴：我们规定水平或者垂直方向是主轴方向 默认是水平方向---元素默认在主轴方向上排列
            交叉轴：与主轴垂直的方向 默认垂直方向

        容器的属性：
            flex-direction  指定主轴的方向
                row：水平，项目在容器中从左到右排列成一排
                row-reverse：水平反方向，项目在容器中从右到左排成一排
                column：垂直，项目在容器中从上到下排列成一列
                column-reverse：垂直反方向，项目在容器中从下到上排列成一列