盒子模型 54 浏览 1 文章

盒子模型是CSS中用于描述元素在页面中占据空间的核心机制，它定义了元素的内容、内边距、边框和外边距如何共同决定元素的总尺寸与布局位置。从结构上看，盒子模型由四部分组成：内容区、内边距（padding）（内容与边框之间的空白，可控制内容与边框的距离）、边框（border）（围绕内边距和内容的线条，有粗细、样式、颜色属性）、外边距（margin）（边框外的空白，用于控制元素与其他元素的间距，不影响自身尺寸但会影响布局位置）。