CSS盒子模型

css盒子模型
content是内容区（有三个属性 width height overflow）
padding是内边距，用于定义内容与边框之间的距离
margin是外边距，用于定义当前元素与其他元素的距离
border定义元素的边框

例如

注意：
1.只有块元素才能定义width和height,行内元素无法设置宽和高，我们也可以用display将块元素转换为行内元素，将行内元素转换为块元素
2.padding的简写：顺时针依次写
padding：20px表示四个方向的内边距都是20px
padding:20px,40px表示上和下是20px,左和右是40px
padding:20px,40px,60px,80px表示顺时针上，右，下，左
假如想要一个元素居中，用padding实现
padding体现元素的内部结构
3.margin的简写同上，margin体现的是元素之间的相互关系