盒子模型
padding 内边距
margin:外边距
border:盒子
width:元素宽
height:元素高
border-bottom-color;底部颜色
padding;内边距top bottom left right
padding:上 右 下 左顺序;
内边距享有背景色
margin;外边距
margin-top:上外边距;
margin-right;右外边距
margin-left;左外边距
margin-bottom:底外边距;
margin:10px 200px;上下10px 左右200px
margin:0px 20px 30px 40px;上0 右20 下30 左40
margin:0 auto;让div水平居中显示
margin bottom和top 对于行内元素无影响 仅水平(左右)起作用
padding bottom和top 对于行内元素无影响
相邻的2个div(块级元素)的上下边距不叠加,以最大值合并
当块级元素进行嵌套的时候,如果父盒子没有设置上边框和上内边距的话,
子盒子的上外边距和复盒子的上外边距会进行合并。
网友评论