盒子模型

• 内容区：width 和 height
• 边框：boder

内边距 padding:边框和内容之间的距离

• padding-top
• padding-right
• padding-bottom
• padding-left
• 简写：padding:上 右 下 左
• 简写：padding:上 左右 下
• 简写：padding:上下 左右
• 简写：padding:全部

外边距 margin:边框以外 盒子和盒子之间的距离

• margin-top
• margin-right
• margin-bottom
• margin-left
• margin:上 右 下 左
• 简写：margin:上 左右 下
• 简写：margin:上下 左右
• 简写：margin:全部

浮动:float:left(right);

• 浮动的特点
  设置浮动的元素不占空间
  设置浮动的元素层级高于普通元素
  如果在一行中的元素想横向排列，要都设置浮动
  盒子里面还有盒子（父盒子）
  如何让盒子水平居中：
  margin: 10x auto;
  margin-left:auto;margin-right:auto;
  设置浮动后，行内元素也具备块级元素的特性

行内元素不能设置高，只能被动根据内容撑起来