定位样式和伪类样式hover

     **只有定位了的元素才有层级之分**z-index。  z-index为负值在最下面

1. 定位
   ① 绝对定位 (在当前网页窗口定位,如果滚动窗口,会动)
   position : absolute
   A 完全脱离标准文档流,相对浏览器窗口定位
   ②相对定位(相对父级定位)
   position : relative
   B 相对初始位置的位置定位
   ③固定定位
   position : fixed
   垂直居中一: top:0; left:0 ; right:0 ; bottom:0;margin:auto
   垂直居中二: top:50%; margin-top:-自身一半;left:50%; margin-left:-自身一半;
   C 固定定位永远都会相对于浏览器窗口进行定位
   D 固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动
2. 调整定位 居中
   top: ; margin: -自身的一半
   left: ; margin: -自身的一半
   right: ; margin: -自身的一半
   bottom: ; margin: -自身的一半
3. 父相子绝
   (孙子可以继续绝对定位;相对定位 margin:auto生效 ; 绝对定位 margin:auto不生效)
   父级 position: relative
   子级 position: absolute(参照物是父级)
4. 伪类样式
   ① :hover 鼠标移动到一个元素所改变的效果
   元素(选择器):hover 改变自身效果
5. 透明度
   opacity: 0-1; 整体的透明度