前端大牛养成之路

css第三节

2017-02-25  本文已影响2人  markling

盒子模型

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(块级元素)的上下边距不叠加,以最大值合并

当块级元素进行嵌套的时候,如果父盒子没有设置上边框和上内边距的话,

子盒子的上外边距和复盒子的上外边距会进行合并。

上一篇下一篇

猜你喜欢

热点阅读