错误总结3

1. 引用阿里矢量图标：注意路径正确与否。

2. img没有变化，检查拼写，程序不会出错，出错的是人。

3. div居中 margin: xx auto;

4.  居中：给padding-top + text-align: center; 占整行，居中，不给左右边距。

5. flex布局：justify-content是沿着主轴居中；align-items是沿着侧轴居中；分清主轴和侧轴。

6. flex布局：flex-wrap: wrap; flex: 1; 不能实现换行的时候，可以给flex设置百分比（相对于父级来说)

7. flex: 1; 剩余位置平均分配

8. 背景图定位，给背景图一个盒子，给盒子大小，定位盒子的位置

9. 给了绝对定位后，margin没有作用了。

10. 阴影会让盒子和字看起来更立体，e.g. text-shadow: 1px 1px rgba(0,0,0,.3);

11. 图片缩放前，确认图片是二倍图还是三倍图。

12. flex盒子，父盒子不要给高度，背景图片的盒子的高度+bg的margin就可以撑开父盒子了，如果需要上下的距离，给父盒子一个上下的padding值就可以了。

13. opacity: 透明度 0-->1 不透 -- > 透。

14. space-between要有高度