Web前端-HeadFirst笔记-CH9 盒模型

盒模型box model

CSS看待元素的一种方式。

每个元素是一个盒子。

包括：段落/标题/块引用/列表/列表项etc.&内联元素（如<em>和链接）。

每个盒子由四大部分

1. 内容区（content area）：包括内容：文本和图像。
2. 内边距（padding）：内容区被可选的透明内边距padding包围。
3. 边框（border）：内边距周围可能放置一个可选的边框border。
4. 外边框（margin）：最后，有一个可选的透明外边框margin包围所有部分。

tips:

• 元素的背景颜色会延伸到透明的内边距，但不会延伸到外边距（显示页面的颜色）。
• 内容区的高度和宽度可以由多个规则来确定。