css盒子模型

1，标准的盒子模型

 1，padding内边距

tip：四个不同的值按照顺时针排序

 padding不能设置负数  例如：-10px

2， 边框

 

 

 

有两种方法，一般常用第一种

第二种可以分别对应样式颜色和宽度

3，  margin外边距

margin和border一样

四周，上下左右，上左右下，顺时针

 

 

1，四个方向，left，right，top，bottom

3， 所有边框为0

5，意味上下方向上为0，左右横向居。当然margin：0也可以设为其他值。

特性问题

 1，垂直方向上，上下都设边距，100px，50px，最终会呈现100px

2，水平方向上，左右都设边距100px，50px，最终会有150px呈现。

 12注意边框的高度

3加浮动使两个盒子不在一个层面上

4，写在父盒子上

推荐1，4，方法