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

日期：2007年12月19日作者：查看:[大字体中字体小字体]

　　通过指定每一键接的不同风格以建立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类型。
[1] [2] 下一页
调整CSS类型的顺序改变链接翻滚相关文章：
·Windows Vista中如何调整雅黑字体DPI
·调整CSS类型的顺序改变链接翻滚
·Vista下调整硬盘分区不用愁
·教你正确调整DC的白平衡
·Vista优化调整工具TweakVI新版下载
·Photoshop实例：对偏色照片的综合调整
·Photoshop中性灰色阶精确调整偏色照片
·Photoshop色阶中性灰准确调整偏色照片
·数据库优化之SQL语句性能调整原则
·液晶电视与电脑连接如何调整分辨率
调整CSS类型的顺序改变链接翻滚相关软件
·关于对《中华人民共和国进出口税则》的税目、税率进行调整
·VSO Image Resizer(图片调整大小压缩转换)V1.0.8 绿色版
·调整和优化ASP.NET应用
·动态调整Select选择
·动态调整Select选择
·德深输入法顺序调整工具

上一篇:巧用Syskey命令保障系统安全

下一篇:利用UNIX的TFTP和RCP配置路由器

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

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

精品推荐

热点TOP10

特别推荐