.selector {
background-position: 0 0
}
.selector:hover {
background-position: 0 -50px
}
2. 通过使用background-image属性，可以加载两个完全不同的图片：
.selector {
background-image: url(image1.png)
}
.selector:hover {
background-image: url(image2.png)
}
3. 通过使用transition属性，可以实现图片的平滑过渡效果：
.selector {
background-image: url(image1.png)
transition: background-image 0.5s
}
.selector:hover {
background-image: url(image2.png)
}
#hoverpage ul#outer li.page div a:hover {text-decoration:none}id为hoverpage 元素下的UL下的COUTER下的LI样式为PAGE 下的DIV下的A，鼠标移动上去的时候，text-decoration为NONE，没有任何修饰
#hoverpage ul#outer li.page a:hover {white-space:normal}
HOVERPAGE 下的UL的ID为OUTER下的LI样式名为PAGE下的A
#hoverpage ul#outer :hover div {position:absoluteleft:0top:0}
这句是同上某某下的，最后hover div的意思是OUTER鼠标移上后，它里面的层的样式：
相对定位，LEFT0 TOP0
