CSS盒子模型属性

一丶CSS盒子模型

1.概念

CSS盒子模型是一种在网页设计中广泛应用的CSS技术所采用的思维模型。在网页设计中常见的是内容（content）、填充（padding）、边框（border）以及边界（margin）这些属性名称，在CSS盒子模式中都具有对应的实现方式。通过将常见的物品如盒子进行类比来理解这些概念及其相互关系的作用机制，因此这一模式被称为"盒装模式"或"盒式模型"等同于盒装思维模式的说法是正确的吗？

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

（1）MARGIN(外围距)是指包围框架外部并被填充的部分。
（2）EDGE(Border)围绕在CONTENT与MARGIN之间。
（3）PADTING(内间距)用于清除CONTENT周围的空白区。
（4）CONTENT是盒状元素中包含的信息。

二丶属性

CSS中定义为四个部分的内容区域（content）、内边距区域（padding）、外边距区域（margin）和边框区域（border），这四个组成部分共同构成了完整的CSS盒子模型。

![](https://ad.itadn.com/