1.盒子宽高相同,使用计算属性calc，用法如下：
height: calc((100vw - 36px) / 2);高：100%-30边距÷2个盒子
width: calc((100vw - 36px) / 2);宽：100%-30边距÷2个盒子
2.边距10px
<div style="margin: 10px;">
……
</div>
3.选择器：nth-child（1n），表示选择第一个盒子，用法如下：
.col-4 .box:nth-child(1n) {
margin-right: 0;
}
设置第一个盒子的右外边距是0.
4.简化CSS样式
最外层盒子写一个
<div class="col-4">
……
</div>
表示这个盒子分成四行。
5.最外层样式设置：
body {
width: 100vw;
overflow: hidden;
padding: 0;
margin: 0;
}