CSS盒模型

###何为盒模型
所有的html元素都可以看作为一个盒子

盒模型的构成

内边距

padding
html元素内容和边框之间的区域
属性：
padding-top(上内边距)
padding-right(右内边距)
padding-bottom(下内边距)
padding-left(左内边距)
padding(简写) 注意顺序：上 右 下 左

边框

border

围绕元素内容和内边距的一条边线

• 边框样式
  boader-style
• 边框宽度
  boader-width
• 边框颜色
  border-color
  可以分别设置上 下 左 右的颜色值

外边距

margin

元素边框之外的区域。控制元素间的距离

• 居中显示

margin:top;
左右居中

display属性

display

属性	样式
block	块级
inline	内联
inline-box	内联-块级
none	隐藏