请给出css盒子模型的详细图

以下是 CSS 盒子模型的详细图示：  CSS 盒子模型包括四个部分： 1. 内容区域（Content）：显示元素的内容，例如文本、图片等； 2. 内边距区域（Padding）：位于内容区域和边框之间，用于控制元素内容与边框之间的距离； 3. 边框区域（Border）：位于内边距区域和外边距区域之间，用于围绕元素内容和内边距创建一个边框； 4. 外边距区域（Margin）：位于边框区域和相邻元素之间，用于控制元素与相邻元素之间的距离。 在标准盒子模型中，元素的宽度和高度仅包括内容区域的大小。而在 IE 盒子模型中，元素的宽度和高度包括了内边距和边框的大小。可以使用 `box-sizing` 属性来指定使用哪种盒子模型。