盒模型

盒模型
一个盒子实际所占有的宽度（或高度）是由“内容（content）+内边距（padding）+边框（border）+外边距（margin）”组成的

区别：

• margin（外边距）：清除边框区域。margin没有背景颜色，背景完全透明。
• border（边框）：边框周围的填充和内容。边框是受到盒子的背景颜色影响。
• padding（内边距）：清除内容周围的区域。会受到框中填充颜色的影响。
• content（内容）：盒子的内容，显示文本和图像。