【css盒子模型】

css盒子模型 它将每个HTML元素视为一个矩形盒子，由四部分构成：内容区域、内边距、边框和外边距。

具体来说；css盒子模型包括以下几个要素：

1、内容区域：指的是盒子内部实际显示内容的区域，如文本、图片等，其大小由内容的的宽度和高度决定。

2、内边距：位于内容区的域的和边框之间，用于设置盒子内部与内容之间的空白区域的大小。可以使用属性padding或padding-top、padding-right 、padding-left、padding-bottom单独设置各边距的大小。

3、边框:位于内边距之外，围绕盒子内容和内边距的线条，可以为其设置属性border、border-left、border-right、border-top、border-bottom，以及边框的样式颜色和亮度

4、外边距：位于边款之外，用于设置盒子与其他元素的之间的空白区域的大小

CSS盒模型有两种不同的模式：标准盒模型和怪异盒模型。它们主要在计算元素尺寸时存在区别