相关文章
北京网站制作CSS网页标准制作关于网页表单语义结构实例
企通互联评论分页模板
北京网站设计栏目首页模板
网站设计shtml网页SSI使用详解
北京网站设计添加网页背景音乐
北京网站制作教程/dreamweaver/提高 为你的站点定做颜色
北京网站建设FLASH8新功能体验:第四章 6.效果——模糊
北京网站制作Dreamweaver制作网页实用七招
北京网站设计DreamWeaver,经典50问(8)
北京网站制作用FrontPage 2000使图像“减肥”
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站设计北京网页设计调整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; www.qt-net.com } 北京网页设计 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; www.qt-net.com 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类型属性将会继续再现。
网站设计