前端学习7

1. 位置
   1. position（必须配合方位词使用）（子绝父相）
      1. static
      2. relative
         1. 不脱离文档流，保留原位置
         2. 相对于自身的位置
      3. absoulte
         1. 父盒子没定位，相对于浏览器的位置
         2. 父盒子有定位，相对于父盒子的位置
         3. 脱离文档流，不保留原位置
      4. fixed（脱离文档流）
      5. stickty（不脱离标准文档流，仍然占位置）
2. 制作九宫格
   1. ul加li制作大体框架
   2. li放两个相同图片（img1，img2），第二个比第一个大，并给display：block
   3. 当鼠标滑过li，让img2显示
      1. 需要给img2 position：absolute，给li display：relative
      2. 用left和top调整一下位置
3. 图层顺序
   1. z-index(只有添加了定位才能用)
      1. 越大 离屏幕越远

1. 早自习听写
   1. 盒子水平垂直居中 margin：（父盒子高度-子盒子高度）/2 auto；
   2. 选择器权重 ！important>id>class>标签>*
   3. 文本属性 line-height text-align text-decoration text-decent