RSS
热门关键字:  背景音乐代码  播放器代码  校播放器代码内网  漂亮的雪  浪漫
当前位置 :| 主页>校内网使用教程>

CSS伪类-CSS中级教程

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-11 点击:

#www.biyela.net {}
/* 此代码由 BIYELA校内网代码(www.biyela.net) 收集/整理/调试*/
伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property:

value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。
CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的伪类。

link用在为访问的连接上。
visited用在已经访问过的连接上。
active用于获得焦点(比如,被点击)的连接上。
hoverhover用于鼠标光标置于其上的连接。


 Example Source Code [www.biyela.net]
a.snowman:link {
color: blue;
}
a.snowman:visited {
color: purple;
}
a.snowman:active {
color: red;
}
a.snowman:hover {
text-decoration: none;
color: blue;
background-color: yellow;  /* 代码来源 BIYELA校内网代码(www.biyela.net) */
}

注意
尽管CSS给予你绕开的控制权,用不同的颜色表示已经访问过的连接是一个很好的习惯,因为很多用户还是这样预期的。伪类(除了hover)不常

用,恐怕也没有过去常用。因此,它没有过去那样有用了。但如果你能收集常用用户的意见,你会发现应该使用它。
传统上,连接文本是蓝色的,已访问的连接是紫色的。也许,这是最有效、最有用的颜色。然而,伴随着CSS的广泛发展,这种颜色不会是平常

的了,用户也不再假设连接必须是蓝色或紫色的。

注意
你应该也可以在除了连接的其他元素上使用hover伪类。不幸的是,Internet Explore并不支持。这真是一个极大的烦恼,因为在其它浏览器上

可以有很多小技巧让你的页面看起来更令人愉快。
BIYELA校内网代码 http://www.biyela.net

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表