理解CSS盒模型

CSS盒模型是CSS可视化格式化系统的基石，它是理解样式表如何工作的核心概念，盒模型可以用于元素定位和网页布局。内边距padding是内容区和边框border之间的区域，元素盒在页面上占据的总宽度是左边的外边缘到右边的外边缘之间的距离。使用width和height属性可以设置块级元素或内嵌可替换元素的大小。外边距margin是围绕在元素边框之外的可选区域。正常文档中的相邻块级元素的垂直外边距将会重合，即，相邻的两个块级元素之间的空白将会是两个元素的外边距中较大的那一个，而不是两个外边距的和。边框border是围绕着元素内容区和padding区画的一条线。内边距padding是元素的内容区和边框之间的可选区域。padding不允许有负值。与margin不同，padding是不会重合的。