HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

调整CSS类型的顺序改变链接翻滚效果

天极网 2007-12-12 19:44:00 深山行者 字体:  浏览 3201 我要评论
通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。

  现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果,并且如何重新安排这些类型顺序以获得不同的翻滚效果。

  链接状态

  典型的CSS翻滚效果依赖于超链接中四个状态之一的独立类型。可以建立附带CSS预先类的(超链接)类型以指定链接状态:

  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,所以,当链接被点击时,它可以取代所有其它的类型。

以下是引用片段:
  a:link { 
  color: #0000FF; 
  text-decoration: underline; 
  font-weight: normal; 
  font-style: normal; 
  } 
  a:visited { 
  color: #3399FF; 
  text-decoration: underline; 
  background-color: #FFFFFF; 
  font-weight: normal; 
  font-style: italic; 
  } 
  a:hover { 
  color: #0000FF; 
  text-decoration: underline; 
  background-color: #FFFF00; 
  font-weight: bold; 
  font-style: normal; 
  } 
  a:active { 
  color: #FF0000; 
  text-decoration: none; 
  background-color: #CCCCCC; 
  font-weight: bold; 
  font-style: normal; 
  } 

  在CSS代码中的类型顺序确定了每一种类型如何取代其它的类型,即更多的类型可以应用到特定的元素。正常情况下,a:hover类型处于a:link和a:visited类型之后,所以hover状态的类型可以应用于常规和访问的链接。但是,它也并非必须遵循这一方式,你可以改变类型顺序实现不同的效果。

  假设你想在非访问链接中使用翻滚效果,但不想影响到其它访问链接,你或许想到通过代码来处理这种外形上改变,然而你所要做的是重新组织CSS代码。

  从访问链接中移除翻滚效果,可以通过很简单地移除a:visited类型。

  注意,a:visited类型中包含指定所有与a:hover相同属性的规则,否则,当访问者的鼠标通过一个访问链接时,没有被a:visited类型取代的任何a:hover类型属性将会继续再现。

加入收藏
打印本页
当前标签:css
Ads loading...
相关阅读
( 2015-3-11 9:06:06 )asp判断是否是手机访问
( 2015-3-11 9:03:55 )asp利用正则检查手机端的浏览器标识来确定是否是手机访问 如果是手机访问就使用手机模板
( 2014-10-30 10:46:40 )留言板留言板V7.0
( 2014-9-16 20:27:43 )页面里面的js和css的放的位置顺序与加载速度分析
( 2014-9-11 20:43:31 )用javscript实现为表格的每一行自动加上序号
( 2014-9-10 9:14:15 )鼠标放在表格区域内,当前格的一整行和一整列变色
( 2014-9-6 15:48:21 )Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误
( 2008-11-14 10:22:12 )360500整站页面设计
共有0条关于《调整CSS类型的顺序改变链接翻滚效果》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
让DIV固定在浏览器窗口的底部(兼容IE6)
MarkMan 马克鳗,让设计更有爱 (超级给力的页面标注工具)
IE8 CSS HACK 兼容
IE6不支持png24的解决办法(png24做为css的背景)
Ads loading...
更多>>最新添加文章
ASP连接各种数据库的方法
asp获得系统Unix时间戳与将Unix时间戳转为正常日期
关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案
access数据库做的网站出现.ldb不能删除超过2KB之后就会网站访问不了数据库,提示数据库不存在
asp中最难发现的错误由最简单的程序引起
Asp得到当月天数的函数方法
在服务器上新建网站,在服务器用域名能访问,但是外网访问不了的解决办法
深山旅行社网站管理系统5.0发布
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
一行两列的CSS设置代码
超级实用且不花哨的js代码大全( 2 )
利用CSS设置网页滚动条颜色
绝对让你长见识:200个骗人的创业项目!
用dl、dt、dd制作个性表格
Word图片导出方法
table表格详解,了解表格不为人知的属性,标准化你的表格
Javascript输入汉字自动转换为首字母的拼音码
Ads loading...