1.改一下css文件，index引用的css文件名不对；
分享博客，你一看应该就能明白
https://www.jb51.net/article/103232.htm
3.这个不难：就是单纯的计算
4.这个首先要了解一下，flex布局是啥东东，毕竟咱们上课也没学，哈哈哈
https://www.runoob.com/w3cnote/flex-grammar.html
然后我整理了一下用到的关于flex的一些属性：（可能有点不好理解，可以去菜鸟上就看看）
Justify-content 在容器中央对齐弹性项目
align-items 设置了flex容器的对齐方式
flex-direction 设置弹性对象的方向
align-self 定义flex子项单独在侧轴（纵轴）方向上对齐
flex-wrap 规定flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向
flex-basis 规定了弹性项目的初始长度
这个比较难，直接放上实例：
https://blog.csdn.net/qq_42136832/article/details/120882935 这里面三不能用
