相关文章
北京网站建设用DW MX控制下拉菜单精确定位
网页设计Dreamweaver快速制作细边线表格
北京网页设计网页标准：用CSS实现网页中鼠标交互的方法
网站建设用Photoshop简单在杯子上绘制水滴
北京网站建设通过优化网页HTML代码提高网页访问速度
企通互联CSS学习手册：样式表CSS简明教程
网站建设专题：HTML标记语言学习手册
北京网页设计HTML语言剖析（九）图形标记
网站制作HTML语言剖析（四）排版标记
网页设计绚丽多彩 Photoshop打造水中倒影
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站设计北京网站制作调整CSS类型的顺序改变链接
北京网站设计北京网站制作调整CSS类型的顺序改变链接
你也许已经意识到，你可以通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link (normal), 访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 Chinaz
现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如何重新安排这些类型顺序以获得不同的翻滚效果。 Www@Chinaz@com
链接状态
中.国.站长站
典型的CSS翻滚效果依赖于超链接中四个状态之一的独立类型。可以建立附带CSS预先类的(超链接)类型以指定链接状态: 站.长.站
a:link——常规，非访问超链接 Chinaz~com
a:visited——访问超链接
Www~Chinaz~com
a:hover——访问者操作鼠标通过时的链接 Www~Chinaz~com
a:active——点击链接 中.国.站.长 网页设计.站
为了能够使典型的CSS翻滚效果正常工作，CSS代码中的CSS类型顺序显得非常重要，无论它是一个外部类型表格或者是嵌入在HIML www.qitongnet.com页标题栏中的类型规则。 Chinaz.com
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:visited类型。 Chinaz.com
注意，a:visited类型中包含指定所有与a:hover相同属性的规则，否则，当访问者的鼠标通过一个访问链接时，没有被a:visited类型取代的任何 企通互联a:hover类型属性将会继续再现。 Chinaz^com
在CSS代码中的类型顺序确定了每一种类型如何取代其它的类型，即更多的类型可以应用到特定的元素。正常情况下，a:hover类型处于a:link和a:visited类型之后，所以hover状态的类型可以应用于常规和访问的链接。但是，它也并非必须遵循这一方式，你可以改变类型顺序实现不同的效果。