今天的收获

溢出隐藏 :overflow: hidden;

 溢出显示  默认值 overflow: visible;/

溢出显示滚动条  不管有没有溢出，都会显示滚动条overflow: scroll;

 溢出自动 自动识别计算  overflow:auto;

水平方向的溢出情况 :
  溢出显示 
 overflow-x: visible; 
  溢出隐藏 
 overflow-x: hidden; 
 溢出scroll 
 overflow-x: scroll; 
  溢出auto 
 overflow-x: auto; 

垂直方向的溢出情况 
 overflow-y: hidden; 
 overflow-y: scroll; 
 overflow-y: visible; 
 overflow-y: auto; 

背景图片 
 background-image: url(照片); 
 从元素左上角开始显示， 
 显示的区域：content + padding + border 
 图片默认在水平方向和垂直方向平铺 
   默认值 平铺 
 background-repeat: repeat; 
  不平铺 
 background-repeat: no-repeat; 
 在水平方向平铺
 background-repeat: repeat-x; 
  在垂直方向平铺
 background-repeat: repeat-y; 

复合写法 
 background: 颜色 url repeat position; 
 background: palegreen url(照片) no-repeat center center; 
 background-position:;定位方式 
 background-size: 
 背景图片大小要写在复合写法下面，否则无效