WEB_02_CSS_第六讲_CSS盒子模型

1、什么是盒子模型

css框模型(BoxModel)规定了元素框处理元素内容、内边距、边框和外边距的方式。

2、内边距：padding

如果您希望所有hi元素的各边都有10像素的内边距，例如：

还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以佼用不同的单位或白分比值：

单边内边届性：

通过使用下面四个单忡的属性，分别设置上、右、下、左内边距：

padding-top、paddinq-riqht、paddinq-bottom、paddinq-left

3、边框：border

border-top、border-right、border-bottom、border-left

4、外边距：margin

margin-top、margin-right、margin-bottom、margin-left

5、HTML+DIV+CSS网页设计实例：暂不分享。