2019-05-08 css样式路径与定位

css样式路径：

鼠标移入时变手
cursor：pointer；
cursor其他取值
auto ：标准光标
default ：标准箭头
pointer, hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

      鼠标移入：
           :hover
           ul>li:hover{
                color:red;
           }



     定位：
       作用：实现元素的特殊定位方式
       属性： 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进行定位