css样式路径：
<link rel="stylesheet" type="text/css" href="css/index.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进行定位