CSS的默认布局模式（Box Model）指的是在没有设置任何CSS样式的情况下，HTML元素的默认布局方式。
在默认布局模式下，每个HTML元素都是由content、padding、border和margin四个部分组成的一个矩形框。
+-----------------------+ | | | content | | | +-----------------------+ | padding | +-----------------------+ | border | +-----------------------+ | margin | +-----------------------+
其中，content指的是元素的实际内容，padding是指内容和边框之间的距离，border是边框的粗细和样式，margin是元素和周围元素之间的距离。
默认情况下，元素的宽度和高度都是指content的大小，而padding、border和margin都会增加元素的宽度和高度。
例如，下面这个div元素的宽度是200px，高度是100px：
<div style="width:200px; height:100px; "></div>
但是，由于默认情况下div元素的padding、border和margin都为0，所以实际上这个div元素的总宽度只有200px，高度只有100px。
如果我们在样式表中为这个div元素添加padding和border，那么它的宽度和高度就会增加相应的值。
div {
padding: 10px;
border: solid 1px #000;
}
这样一来，这个div元素的总宽度就变成了222px（200px的content+10px的左右padding+2px的左右边框）；总高度为122px（100px的content+10px的上下padding+2px的上下边框）。
总的来说，CSS的默认布局模式是非常有用的，它可以帮助我们快速地设置元素的宽度、高度和边距，同时也可以让我们更加了解HTML元素和CSS样式之间的关系。
