-弹性盒的灵活布局
要启用flex布局，只需要设置css属性display:flex；设置后，P的宽度将不是浏览器的宽度，而是取决于内容；
` ` css
一个
2三邮箱{显示器:flex
}
项目{
}
```
上面的p.box是一个flex容器，p.item是容器中的项目。
默认情况下，容器中有两个轴。、以及主轴和副轴。主轴的方向由容器的属性决定，默认属性为flex-direction:row，表示主轴水平，副轴垂直；
flex-container的属性包括:
-弯曲方向:主轴的方向。
-flex-warp:换行？
-flex-flow:前两者的缩写
-对齐-内容:轴对齐
-align-items:短轴对齐，默认为拉伸，短轴宽度。
-align-content:副轴的多行对齐方式，配合flex-warp使用。
该项目的属性是:
1.顺序:顺序，正顺序
2.弹性增长:增加默认值0
3.伸缩:缩写，默认为1
4.flex-basis:项目占用的默认auto between 空，内容的宽度。
5.flex:前三者的缩写
6.自我对齐:排序方法
Css相关概念:
css的三个特性:
层叠:css意味着层叠样式表。
继承:父元素的属性可以从子元素或子元素以下继承，可继承的属性包括颜色和文本字体行的前缀！
优先级:优先级顺序id、类别标签、通配符
Css显示模式:
标高元素，显示:块
inline元素，display: inline无法设置其高度。
行内块级别元素:显示:行内~块
Css基本属性:
颜色颜色
字体:
字体风格字体粗细字体大小字体系列
文本
文本装饰下划线
文本缩进缩进
文本对齐排序
Css盒子模型:
从盒子内部到外部:
内容的宽度和高度:宽度高度
内边距:填充右上下左
边框:边框宽度样式颜色
外部边距:边距、右上、左下
content 空之间设置的宽度高度为
元素大小是宽度+填充+边框
空占用的元素是w+填充+边框+边距。
