06-CSS盒模型详解

文档摘要

title: 06-CSS盒模型详解 publish: true 盒子模型前言盒子模型，英文即box model。无论是div、span、还是a都是盒子。但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。盒子中的区域一个盒子中主要的属性就5个：width、height、padding、border、margin。如下： width和height：内容的宽度、高度（不是盒子的宽度、高度）。 padding：内边距。 border：边框。 margin：外边距。盒子模型的示意图：代码演示：上面这个盒子，width:200px; height:200px; 但是真实占有的宽高是302302。