定位的分类：

定位属性：position

    默认定位    -    static

        position：static   默认值

    相对定位    -    relative

        position：relative    相对于初始位置进行偏移    不脱离文档流

    绝对定位    -    absolute

        position：absolute    相对于父级元素的位置进行偏移，如果父级元素没有定位属性就继续向上寻找    直到找到有定位属性的父级    脱离文档流

    固定定位    -    fixed

        position：fixed   相对于浏览器的绝对定位，脱离文档流

    粘性定位    -    sticky

        position：sticky    相对于浏览器，不脱离文档流

层叠属性：z-indenx

    z-indenx:none    清除层叠属性

    z-index：（数字）    数字越大优先级越高，默认为0

图片居中效果

1. 给父级添加text-align：center

2.在图片后面添加标签(任意)     改变标签类型为行内块元素    设置宽高大小

        display:inline-block;width:0;height:100%

3.让图片和span标签都设置      vertical-align:middle

大概能