浏览器默认：图片水平和垂直平铺，x和y方向。
设置不平铺：no repeat
图片背景定位：background-position:lefe center;20%,50%
背景滚动条滚动：background-attachment:scroll,fixed固定
两张图片用逗号隔开
简写：background:yellow url(../images/bg1.jpg) no-repeat left center fixed
图片居中有三种方式
<img src="../css/.01.jpg" alt="" width="200" height:="300">
外边距
margin同级塌陷：小的会陷入到大的里面去，小的会陷入大的里面去，以大的为准。只有上下，没有左右塌陷。
margin：50px；auto
嵌套传递：
文档流：
脱离文档流:从浏览器的脱离，这是布局的前提，就两个手段，第一个就是浮动，第二个就是绝对定位，可以脱离文档流
元素是自由的，由用户说了算。
不受左右浮动影响：clear=left
相对定位：没有脱离文档流，案例：相对定位十字架。
绝对定位：脱离了
固定定位：就是固定了
1.静态定位: 浏览器默认方式, 即文档流中的位置
2.相对定位: 元素并未脱离文档流,只是相对于它原来的位置,做相对移动
3.绝对定位: 元素脱离文档流重新排列,不论元素之前是什么类型,全部转为块元素,支持宽高
4.固定定位: 始终相对于浏览器的窗口做为定位父级,进行定位
