林圈圈学习记录

定位   position：；
    相对定位
        relative
            1、相对定位是该元素基于原来位置的位置偏移
            2、占用原来的位置，不会脱离文档流
    绝对定位
        absolute
            1、会覆盖住下面的文档流内容，包括文字
            2、他会依据body作为参考，进行位置偏移
            3、他使用绝对定位后，该元素不会占有原来的位置（脱离文档流）
            4、子绝父相(如果子元素使用了绝对定位，父元素则需要添加一来让子元素依据最近的父元素进行位置定位)
            5、会根据最近一层拥有定位属性的父级元素进行偏移
    固定定位
        fixed
            1、脱离标准文档流
            2、该元素会依据当前浏览器窗口进行定位
            3、浏览器窗口放大缩小会随之变化
    黏性定位
        1、占用原来的位置 不脱标
         2、黏性定位可以被认为是相对定位和固定定位的混合，该元素在跨越特定阈值前为相对定位，之后为固定定位

重叠元素
    z-index

背景
    先给了一个高度
    url图片路径
    image背景图片
    repeat在x或y轴不重复
        repea-x
        repea-y
    color背景颜色
    position位置调整，有上下和左右的值
        单位可以用
            偏移量的字面量单位
            百分比
            像素
    size
        cover
            扩大尺寸，覆盖父元素，可能部分图片看不到
        contain
            扩大最大尺寸，不一定覆盖住父元素，可能图片放大后部分有留白
    attachment
        fixed
            固定在原来位置，但滚动会逐渐消失（背景图是否固定，父元素消失图片也会跟着消失）
    background: 颜色  Skyblue url（）  no-repeat  fixed  centen