1.认识个模型
2.盒模型相关属性
3.盒模型边距合并
1.认识盒模型:
所谓盒子模型就是把HTML中的元素看作是一个矩形的而盒子,每个举行都有内容、内边距、边框、外边距组成
盒子:边框+内边距+内容区域+外边距组成
2.盒模型相关属性
top上、left左、bottom下、right右
*height和width是设置div内容高和宽的属性
*padding是设置内边距宽度的属性
*margin是设置外边距宽度的属性
*border是设置边框宽度的属性
3.盒模型边距合并
*外边距合并div1-margin-bottom20px、div2-margin-top30px,实际两个盒子的外边距是以30px