什么是CSS的盒子模型

盒子模型示意图

网页就是由许多盒子通过不同的排列方式（上下排列、并列排列、嵌套排列等）堆积而成。其中设置盒子的大小、位置、填充、边框。

总结

每一个HTML元素都可以看作是一个装了东西的盒子。类似于现实生活中的盒子。

盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间还有边界（magin）。

默认情况下，盒子的边框是无，背景色是透明，所以我们在默认情况下看不到盒子。

以上就是什么是CSS的盒子模型的详细内容，更多请关注Gxl网其它相关文章！