css 学习第五天

1. 用并集选择器清除初始化 / 再用a 、 li 、clearfix::fix
    input｛ border:0 ; outline:normal清除高亮线 ｝
    body｛ font：12px/100% "微软雅黑" ; background-color : black ;｝
    img{ border: 0; vertical-align:middle图片和文字对齐方式：中线对齐}
    h1-h4｛font-weight: normal;加粗效果取消｝
    i{ font-style:normal; 一般小图片小角落用 i 标签 取消倾斜}

2. 网页的首页logo：div盒子里面 需要 h1 ， hi里面加 a 再加img 。宽高100%是参照父元素的

3. “ | ” 可以用li 标签 中的 width：1px； height：16px； 再加个 background-color:red;

4. 静态定位是标准流没办法边偏移属性比如top：20px / fixed ：固定定位 / relative:相对定位 / absolute ： 绝对定位

5. 布局三等级（从低到高）：标准流 < 浮动流 < 定位流

6. fixed ： 固定定位 。 完全脱离标准流 、 可以实现模式转换--行内块 、 不随页面滚动而滚动 、 可以使用margin
     ( 固定定位的参照物 ： 浏览器的可视区域 )

7. absolute : 绝对定位 。 完全脱离标准流 、 模式转换--行内块
     ( 绝对定位的参照物 ：有定位 的父盒子 / 如果没有这样的父盒子，继续往外找一层，最近优先 ，最后找到body ) (一般不会单独出现，经常配合父盒子一起出现 ： 子绝父固 、 子绝父绝 、 子绝父相)

8. relative : 相对定位 。元素相对于它原来在标准流中的位置,有了边偏移量相对于标准流中的位置脱标(原有区域仍会保留) 、不会转换模式 、 正常情况下不会让它做位移 、
      ( 大多数： 子绝父相 )

9. 定位的层级关系 : 默认情况下定位有层级， 结构代码越往后，层级越高
     ( z-index : 5 这个数值越高 层级越高) 也可以利用相对定位