CSS基礎知識介紹——盒子模型

CSS中的盒子模型：一種以矩形對象的布局的方法

用于描述一個為HTML元素形成的矩形盒子。盒子模型是由margin(邊界)、border(邊框)、padding(空白)和content(内容)幾個屬性組成的。

盒子組成：

• content ---- 網頁内容
• border ----- 邊框
• padding ----- 内邊距
• margin ------ 外邊距

總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距

總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距