内容中心部分分析
在内容中心大层中分出两个层 左边的内容中心 右边的英雄皮肤
分别给左 右浮动
内容中心层 依次写5个层 第一标题层 第一层分 左 右两层 左边层分别写入 图片与文字 右边层同理
第二栏目层 使用无序列表 弹性布局
第三按钮层
第四 五层写入两个无序列表 放置文字 图片
英雄层一次写4个层 第一层分 左 右两层 左边层分别写入 图片与文字 右边层同理
第二层栏目层 写一个无序列表 并弹性布局
第三层 分为两个盒子 图片以及文字
第四层 写无序列表 给出宽高 弹性布局
页脚
在页脚大层中 写出宽高 添加图片 hr横线 文字层分为左右两层 给出左浮动 右浮动
左边的文字给一个无序列表 给一个属性 flex-wrap: wrap 弹性布局 自动换行