主轴对齐

解析：

分模块知识点总结
1.盒子基础样式
margin:0 auto：实现这个 1000px 宽的大盒子在页面水平居中；
width/height：固定盒子尺寸；
background-color：设置底色；
border：统一设置边框粗细、线型、颜色；
border-radius：给盒子边角做圆润圆角效果。
2.Flex 弹性布局核心三行
display: flex：把父容器转为弹性容器，内部子元素默认横向排成一行；
justify-content: flex-start：水平方向子元素全部靠左对齐；
align-items: center：垂直方向所有子元素在盒子上下中间位置居中。

运行