规范化的链接样式顺序?

原创 2007年10月09日 09:35:00

  有的时候文章的相关链接太多了,一时半会不好分辨哪些文章是自己已看过的,哪些又是还没有来得及研读的等等,虽说是个小小的问题,但也得耗费你的一点时间:)

  既然只是个小小的问题,解决的方法当然也是极为简单的,所要求的只是一个好记性和熟练程度或者好习惯。 

  举一例子来说先:

  [演示地址:http://www.doyoe.com/model/xhtmlcss/style/link.htm

CSS部分:

a:link {
 color:#000;
}
a:visited {
 color:#050;
}
a:focus {
 color: #f00;
}
a:hover {
 color:#f00;
}
a:active {
 color:#630;
}

XHTML部分:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="Doyoe, 飘零雾雨, edzmaster@gmail.com" />
<title>test</title>
</head>
<body>
<h3>亲和力较好的链接样式顺序:</h3>
<ul>
 <li><a href="1.htm">测试</a></li>
 <li><a href="2.htm">测试</a></li>
 <li><a href="3.htm">测试</a></li>
 <li><a href="4.htm">测试</a></li>
 <li><a href="5.htm">测试</a></li>
 <li><a href="6.htm">测试</a></li>
</ul>
</body>
</html>

  从上面这个简单的例子中就可以比较方便的区别出读与未读的关系。链接的四种状态分别为:a:link, a:visited, a:hover和a : active。意思是:链接,已访问过的链接,鼠标经过链接时,鼠标点击链接时。缩写起来的顺序就是LVHA(分别取其首字母),有人为了方便记忆,把这几个字母溶入了两个单词:love hate(喜欢和讨厌)。为第一个提出这种方便记忆方法的哥们赞一个:)

  有人会说上面还有一个a:focus呢,这个又是用来做什么的?

  这个其实也是一种链接状态,就是当你在键盘上按Tab键时获得焦点的那个链接的即时状态,遗憾的是ie并不支持(ie中按Tab键显示的效果为a:active时的状态),只有在FF,Opera等浏览器下才能看到效果。

 

系统接口规范以及常见的接口技术概述和比较

系统接口规范以及常见的接口技术概述和比较 一、基本要求: 为了保证系统的完整性和健壮性,系统接口应满足下列基本要求: 1、接口应实现对外部系统的接入提供企业级...
  • u012338954
  • u012338954
  • 2016年03月30日 21:40
  • 11647

顺序存储转为链接存储(二叉树)

1.题目:  Problem Description 设有一棵二叉树,其节点值为字符型并假设各值互不相等,采用顺序存储表示。现输入其数组各元素值(空二叉树用'#'表示),建立该二叉树,...
  • u010102829
  • u010102829
  • 2013年10月27日 16:37
  • 1184

链接存储转为顺序存储(二叉树)

1、题目:  Problem Description 问题描述:设有一棵二叉树,其节点值为字符型并假设各值互不相等,采用二叉链表存储表示。现输入其扩展二叉树的前序遍历序列,建立该二叉链表,...
  • u010102829
  • u010102829
  • 2013年11月02日 19:50
  • 1226

(经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序

原文地址 以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。...
  • u011155228
  • u011155228
  • 2014年09月01日 14:37
  • 536

CSS中a标签的样式简介 链接定义的顺序

没有规矩不成方圆,虽然链接定义写好了,但它也是有规则的,如果这四项的书写顺序稍有差错,链接的效果可能就没有了,所以每次定义链接样式时务必确认定义的顺序,link--visited--hover-act...
  • guoliqiang10
  • guoliqiang10
  • 2011年12月06日 09:32
  • 877

数据结构 c++ 链接栈+顺序对:括号匹配

  • 2017年11月20日 18:43
  • 2KB
  • 下载

Css——&lt;a&gt;超链接样式

  • 2011年09月05日 19:28
  • 12KB
  • 下载

CSS链接样式设计

  • 2011年11月29日 09:05
  • 27KB
  • 下载

TextView超链接自定义样式

  • 2015年10月12日 22:45
  • 1.64MB
  • 下载

HTML5_样式,链接和表格

  • 2016年02月03日 21:22
  • 19KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:规范化的链接样式顺序?
举报原因:
原因补充:

(最多只允许输入30个字)