css重点2：padding margin的使用

1、padding和margin

以上图为例（实现上述图的2种方式，分别以padding 和margin来实现）：
思路：
（1）如果想要padding实现，首先要知道padding的意思，Padding是内边距的意思，也就是内容物距离我这个盒子的距离，里面的内容物是G，所以设置R的内边距是20px;
（2）如果想要margin实现，首先要知道margin的意思，margin是外边距的意思，也就是我这个东西距离别的东西的边框的距离，和padding的含义一样，只是看的角度不一样。

对于G而言，R是外部的东西，所以用margin。对于R而言，G是内部的东西，所以用padding。 不过用padding时要注意，padding的值发生变化，会导致整个盒子撑大，为了解决该问题：
（1）改变宽度来达到平衡
（2）如果是padding-left或padding-right，则不设置w