第5章 对链接应用样式

一  链接伪类选择器：:link，:visited ; link用来寻找没有被访问过的链接，:visited用来寻找被访问的链接。

　　动态伪类选择器：:hover,:active ,:foucus .:hover寻找鼠标悬停处元素，:active被激活元素（对链接激活发生在链接被单击时）；:foucs通过键盘移动到链接上。

　　ie7及以下版本不支持在链接之外的其他元素上你使用伪类选择器。

　　因为层叠的原因，选择器的次序如果反过来，鼠标悬停和激活可能就不起作用。当两个规则具有相同特殊性时，后定义的规则优先为确保不会发生被覆盖的情况：最好使用以下顺序：a:link ,a :visited ,a:hover ,a foucs ,a :active ;(lvhfa)

二 CSS3：[attr^=val]属性选择器

　　a[href^="http:"]{需要突出显示的样式} /*寻找文本http:开头的所有链接。*/

　　a[href^=".pdf"]寻找以.pdf结尾的属性

　　a[href^=".rss"],a[href^=".rdf"] 用自己的rss图标突出显示rss提要。

三 创建类似按钮的链接

　　1 多图像方法的缺点是：在浏览器第一次加载鼠标悬停的图像时有短暂的延迟。

　　2 通过改变图像的对齐方式可以解决闪烁，但是IE仍让会向服务器请求新的图像。有两种方法避免闪烁：1将翻转状态应用于链接的父元素 2使用IE专有的CSS文件，这会启用背景缓存。

　　

html{
      filter:expression(document.execCommand("BackgroundImageCache",flase ,true));  
}

3 spirit 

4 border-radius:

　　border-shadow:

五 纯CSS工具提示

　　思路：隐藏，Hover时显示；绝对定位；