日期:2013-10-22  浏览次数:21049 次

你也许曾经认识到,你可以通过指定每一键接的不同风格以建立CSS翻腾效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相反元素的前顺序的风格。建立翻腾效果的类型顺序显得相当重要。
 
如今让我们看看如何安排链接形状的类型在不产生冲突的情况下支持正常的翻腾效果,并且如何重新安排这些类型顺序以获得不同的翻腾效果。

链接形状

典型的CSS翻腾效果依赖于超链接中四个形状之一的独立类型。可以建立附带CSS事后类的<a>(超链接)类型以指定链接形状:

a:link——常规,非访问超链接

a:visited——访问超链接

a:hover——访问者操作鼠标通过时的链接

a:active——点击链接

为了能够使典型的CSS翻腾效果正常任务,CSS代码中的CSS类型顺序显得非常重要,无论它是一个外部类型表格或者是嵌入在HIML页标题栏中的类型规则。

a:link类型出现的时间为最早,由于它可使用于所有的链接。a:visited类型排第二,它将取代任何链接的a:link格式。(如果a:link类型紧跟着的是a:visited,a:link可能会取代a:visited类型。)其次是a:hover类型,此类型只使用于访问鼠标下的链接。最后是a:active,所以,当链接被点击时,它可以取代所有其它的类型。共3页。 1 2 3 8 :