整个网站都是由超级链接串连而成,无论是从首页到每一个频道还是进入到其他网站,都是由链接完成了页面跳转。CSS对于链接的样式控制是通过伪类来实现,在导航设计中,简单了解过链接的相关设计方法,在本节中将详细了解有关链接对象a的几种伪类的使用及实际应用。
CSS提供了四个伪类,用于对链接进行样式控制,每个伪类用于控制链接在一种状态下的样式。根据访问者点击习惯,可以进行以下四种状态的样式设置
用于设置a对象在没有被访问时的样式。在讨论a:link的用法前,大家应该还记得,前面的众多应用中,有时直接应用的a{}这样的样式书写方法,与a:link有什么区别。与a:link的用法做-个对比,不妨试用一下以下的CSS代码。天津网站建设,天津网站制作,天津做网站,天津网站优化
在查看实际预览效果之前,可以先看一下hTML代码,两个链接:一个是直接使用<a>的结构进行编码,而另一个在<a>之中还加入了链接地址。最终显示效果中,使用.a1的显示为红色,使用a:link的显示为蓝色,这说明a:link只会对拥有实际链接地址的a对象发生效果,而对直接使用a对象嵌套的内容不会发生实际效果。在实际应用过程中有时候为b了编码上的简单,我们也经常直接使用a而不是a:visited来编写样式编码,最终的实际效果完全相同。
如果说a:active并不是一个实用的状态的话,那么a:hover应当是非常实用的状态a:hover状态用于鼠标悬停在链接之上时的样式。在网站设计中,最常用的制作技术址移上链接时改变颜色或是改变下划线状态,这些都是通过a:hover状态的样式设置实现的,在上例中只需将a:active改为a:hover,便可以由鼠标点击状的背景色改变改为鼠标移}-区时便可以改变背景色CSS对于链接的四种状态为我们链接样式的设计提供了良好的接口,通过对四种状态下。链接的样式定义,可以定义出丰富的链接样式,在下面的实例中我们将对链接样式进行控制创造不同的链接效果。