前端设计中box模型各部分理解

 html中的每个元素都被css当作是一个框（盒子或者box），css中改变box的各种属性从而影响html元素的排列方式和属性。

 1 ： margin，与其他div或box或元素的间距

2：border， 相当于相框

3：padding，如果显示内容仅有虚线部分，有点压抑，需要在内容周围有一些填充，填充部分的宽度即是padding

对着图容易理解

做一个这样的练习就都懂了，定义3个div，原始宽高为200px 200px，拥有不同的border和padding，使用margin将它们排列成角对角。