CSS核心内容--盒子模型

简要说明:

    1.html中的每个元素都可以看做是一个盒子。

    2.盒子模型的参照物不一样，则使用的CSS属性不一样。附件图有说明。

    3.如果不希望破坏盒子的外观，就使用margin布局。因为padding过大会改变盒子的大小，相当于盒子有弹性。

       而margin过大时，则是盒子的内容会被挤出盒子，盒子本身不会改变。

    4.元素的布局是以父元素的左上角顶点作为参照点的。