我们都知道超链接能够实现不同页面之间的跳转、功能的激活等,因此,超链接对于制作网页来说是非常的重要的,下面phplife.net为大家介绍下超链接的一些基础知识。
在html中,超链接是通过标记<a>来实现的,链接的具体地址则是利用<a>标记的href属性来实现,超链接在没去进行样式设置的时候,其默认的为蓝色并且有下划线,被点击过的超链接则为紫色并且有下划线,但是这样的超链接是没办法满足人们的设置要求的,因此,我们会选择以CSS来设置超链接的各种效果。下面介绍下CSS的伪类别来制作超链接的动态效果。
超链接的四种伪类别为:
a:link – 普通的、未被访问的链接,即正常浏览器状态的样式;
a:visited – 用户已访问的链接;
a:hover – 鼠标指针位于链接上方时的样式;
a:active – 链接被点击的时刻;
当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后,a:active 必须位于 a:hover 之后。
还有哦,a和a:link设置的都是链接在没有鼠标指针经过时的效果,这二者严格来说没有什么区别,但是在a标记没有设置跳转地址时,如果设置a:link 则无效,而设置a则仍然有效。同时a:active 一般使用很少也无需设置a:active 的样式。
动态超链接