css盒子简单介绍

CSS盒模型
用法：用于布局

介绍：CSS盒模型是一种用于描述HTML元素如何布局的基本模型，并将每个元素视为一个包含四个部分的矩形     区域：内容区（content）、内边距区（padding）、边框区（border）和外边距区（margin）。这四个区域合在一起就构成了整个“盒子”（box）。

1.内容区（Content）：实际显示的文本、图片或其他内容区域。
2.内边距区（Padding）：位于内容区周围的空间，可以设置空白以控制元素边缘到内容的距离。
3.边框区（Border）：包围着内边距的线，可以调整线条样式、宽度以及颜色。
4.外边距区（Margin）：位于边框之外的区域，影响相邻元素之间的空间。

总结：通过CSS，你可以独立地调整这四个部分的尺寸，从而控制网页元素的布局外观。例如，width 和 height 设置的是内容区的大小，而 padding, border, 和 margin 则分别对应其他三个区域。