盒模型分类
盒模型分类:IE盒模型,标准盒模型。
本质区别:宽高计算方式。
标准盒模型:(实际占比:width+padding+border,需要额外计算)
IE盒模型:(实际占比:width,不需要额外计算)
容器与项目元素
日常开发中,采用Flex布局的元素,一般简称为“元素”。
容器内的元素简称为“项目”或“元素”。
例:
主轴与交叉轴
在介绍各个属性之前,需要先明确一个坐标轴。
水平方向的是主轴(main axis),垂直方向的是交叉轴(cross axis)。
容器与项目元素
布局属性:
容器属性: flex-flow、flex-direction、flex-wrap、justify-content、align-items、align-content。
元素属性: order、flex-grow、flex-shrink、flex-basis、flex、a