CSS盒子模型及属性

一丶CSS盒子模型

1.概念

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。

2.盒子模型中部分的说明：

（1）Margin(外边距)-清除边框外的区域，外边距是透明的。
（2）Border(边框)-围绕在内边距和内容外的边框。
（3）Padding(内边距)-清除内容周围的区域，内边距是透明的。
（4）Content(内容)-盒子的内容，显示文本和图像。

二丶属性

CSS中规定每个盒子分别为：内容区域（content）、内边距区域（padding）、外边距区域（margin）、边框区域（border），这四个部分就构成了完整的CSS盒子模型。