微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题使用CSS控制超链接样式的注意事项
栏目网络与通信
作者刘新阳
发布2001年17期
  在网页设计中我们经常使用CSS控制超级链接样式。但是我们必须注意标签的先后顺序,否则可能达不到预期的效果。
  笔者在制作网页的时候曾按下列顺序排列这几个标签:
  a:link{font-size:18px;color:#0000FF;text-decoration:underline}
  a:hover{font-size:18px;color:#0000FF;text-decoration:none;font-style:italic}
  a:visited{font-size:18px;color:#0000FF;text-decoration:none}
  第一次用浏览器打开时一切正常,鼠标未放上去时为蓝色,放上鼠标时为绿色斜体,单击链接到目的地址再返回该页时,链接变为红色(同visited中所设),再次放上鼠标时,文本仍然保持visited样式,hover样式却失效。笔者百思不得其解,经反复试验发现问题出在三行标签的顺序上,只要把visited放在hover前面,就一切正常了。
  同样道理,active和link的位置也会对最终效果产生影响。
  通过反复试验,笔者总结了一条经验:只要保证visited在前,hover在后,active在两者中间,link位置任意,都能够保证四种样式互不影响,正常显示。