盒模型：
box：盒子，每个元素在页面中都会生成一个矩形区域（盒子）
盒子类型：
1.行盒：display等于inline的元素，不可以换行，不能设置宽高
宽高由内容决定
常见行盒：
2.块盒：display等于block的元素，独占一行，可以设置宽高
宽高由设置的值决定
盒模型
1.内容 content：：内容部分设置宽高 (content-box)
2.填充 padding： 内容距离边框之间的距离，填充区+内容区=填充盒（padding-box）
3.边框 border：盒子的框 当边框颜色没有设置的时候，设置的文字颜色会当成边框颜色
边框+填充区+内容区=边框盒(boder-box)
4.外边距，边框跟他盒子边框的距离
原文：https://www.cnblogs.com/fhzm/p/13363190.html