盒子模式 (box model) 是在 CSS 中一个很重要的观念。它是用来描述一个元素是如何组成的。以下是盒子模式的式样：
在盒子模式中，内容 (content) 是最内层的部分，接下来依序为留白 (padding)、边框 (border)、以及边界 (margin)。边界是用来设定各个元素之间的距离。
更为详细的如图所示：
说明：上图中，由内而外依次是元素内容（content）、内边矩（padding-top、padding-right、padding-bottom、padding-left）、边框（border-top、border-right、border-bottom、border-left）和外边距（marging-top、margin-right、margin-bottom、margin-left）。
内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的边。而且，外边距可以是负值，而且在很多情况下都要使用负值的外边距。
此文章本站原创，地址 https://www.vxzsk.com/746.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程