【复习日志】CSS篇

解决外边距塌陷–外边距合并（子元素设置外边距margin无变化的问题）

1.父元素设置边框

/*父元素设边框*/
border: 1px solid transparent;

2.父元素设内边距

/*父元素设内边距*/
padding: 1px;

3父元素添加属性

/*添加属性*/
overflow: hidden;

小米商城盒子块练习总结

1.布局大部分用不同盒子，而不是只用div

标签都是有语义的，合理的地方用合理的标签，标题用h，大量文字段用p

2.出现不同类名

类名：给每个盒子取对应名字，方便找到盒子，容易后期维护

3.外边距margin与内边距padding如何区分使用

大部分时两者可以混用，其都有优缺点，具体情况具体分析，灵活运用更简单的方法

4.自己做的时候没有思路

布局有很多种实现方式，先从一种习惯开始，最后逐渐写出自己的风格