设为首页 | 收藏本站
首页>IT学院>网页设计>正文
调整CSS类型的顺序改变链接翻滚
WWW.DBIT.CN 2007-12-19 8:27:51 热度:
 
  通过指定每一键接的不同风格以建立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让文字居于div的底部
打印】【关闭
  相关文章:
·如何用CSS让文字居于div的底部·学习CSS你必需知道的十件事
·CSS让网页更容易设计与维护·CSS语法在DW中无效的解决方法 
·巧妙运用CSS立刻改变鼠标的样式·CSS实现网页中的隔行换色代码
·用CSS解决各款浏览器下兼容性问题·用CSS样式表隐藏文字的挺方法
·14个常见的CSS技巧及常见问题·CSS的学习应该注意学习方法
·CSS技术在网页设计中的运用·CSS在ASP.NET中失效的原因及解决 
·CSS特点及加入网页的四种方法·关于CSS你只需知道的十件事
·DreamWeaver中应用CSS样式表·网页制作:CSS的常用技巧放送
☆联姻学院☆

两招解决打开U盘看不到文档的
深入分析电脑死机的14个问题
黑客入侵Linux操作系统 
利用文件包含漏洞进行网站入侵
Excel使用中常被忽略的十条实
Excel行列转置粘贴数据的一则
用Windows磁盘配额增强系统安
NTFS与FAT32文件系统互相转换
平面设计中的常用字库种类说明
Photoshop cs2在Vista下的尴尬
调整CSS类型的顺序改变链接翻
如何用CSS让文字居于div的底部
.Net中如何连接到ODBC数据源 
ASP.NET常用的三十三种实用代
利用UNIX的TFTP和RCP配置路由
路由器口令及IOS损坏的恢复

精品图秀
美女面相大盘点
清新孙俪纯情写真
刘羽琦最新写真
4000元气死洪金宝配置 众数码厂家挺进手机领 牛根生谈马云 中国高校不宜过分扩招 数码相机配件选购误区