盒子模型

image.png

网页上的每一个标签都是一个盒子。
每个盒子都有四个属性：

内容（content）
盒子里装的东西
网页中通常是指文字和图片

填充（padding，内边距）
怕盒子里装的（贵重的）东西损坏，而添加的泡沫或者其它抗震的辅料

边框（border）：盒子本身

边界（margin，外边距）
盒子摆放的时候的不能全部堆在一起，盒子之间要留一定空隙保持通风，同时也为了方便取出

---

标准盒子模型

image.png

IE盒子模型

image.png

---

内容（content）- 属性

image.png

填充（padding，内边距） – 属性

image.png
image.png
image.png

边框（border） – 属性

image.png
image.png

border-radius 设置边框圆角
border-image 属性，可以使用图片来创建边框

边界（margin，外边距） – 属性

image.png
image.png
image.png