css学习day4

1.padding:
内边距即内容与内容之间的距离,使用这个的时候,会把盒子撑大,此时盒子的大小是自身宽高加上padding值再加上border;
padding值撑大盒子解决办法:
改变盒子宽高,使宽高+padding+border=之前的宽高
2.margin:
外边距即盒子与盒子之间的距离,当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象
a.垂直之间塌陷的原则是以两盒子最大的外边距为准。
b. /CSS部分/

当为子盒子添加margin-top：10px;时,子盒子和父盒子之间并没出现期望的10px间隙而是父盒子与子盒子一起与页面顶端产生了10px间隙（即父级盒子往下塌陷了10px）。
解决办法:
（1）为父盒子设置border，为外层添加border后父子盒子就不是真正意义上的贴合 （可以设置成透明：border：1px solid transparent）。
（2）为父盒子添加overflow：hidden；
（3）为父盒子设定padding值；
（4）为父盒子添加position：fixed；
（5）为父盒子添加 display：table；
（6）利用伪元素给子元素的前面添加一个空元素
3.框架和布局
这个不知道怎么说,多写代码就好啦!!!!!!!