2019-05-07 鼠标移入和定位

定位

 1.鼠标移入：

               :hover
               ul>li:hover{
                    color:red;
               }

   2.  定位：
       作用：实现元素的特殊定位方式
       属性： position
       取值：

                1.static  默认值
                2.relative  相对定位
                3.absolute  绝对定位
                4.fixed     固定定位

                relative  absolute fixed   被称为“已定位元素”


                 div   
                    absolute

           位置的偏移：

                   top:10px;   bottom：5px;   left   right

   相对定位:
        什么叫相对定位：
            元素会根据它原来的位置偏移某个距离
        属性和值：

                position: relative

        使用场合:
               位置的微调

绝对定位：

           属性：
               position: absolute;

       什么叫绝对定位：
           1.绝对定位的元素会脱离文档流——不占据页面空间
           2.会相对于最近的已定位的祖先元素实现位置的初始化
           3.如果没有已定位的祖先元素，那么他的位置就相对于body进行定位

固定定位：
position:fixed;