首页 > Web开发 > 详细

Web标准：五、超链接伪类

时间：2015-04-08 21:30:38 阅读：206 评论：0 收藏：0 [点我收藏+]

标签：

Web标准：五、超链接伪类

知识点：

1.链接的四种样式

2.将链接转换为块状

3.用css制作按钮

4.首字下沉

1）链接的四种样式

超链接有四个伪类，分别是：

a:link 未访问的链接

a:visited 已访问的链接

a:hover 鼠标移动到链接上

a:active 选定的链接

之所以称之为伪类，也就是说他不是一个真实的类，正常的类是以点开始，后面跟一个名称，而它是a开始后面跟一个冒号，再跟个状态限定字符。

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

text-decoration在HTML语言中对文本进行修饰，例如加下划线等。

取值：

none：默认值，无装饰

link：闪烁

underline：下划线

line-through：贯穿线

overline：上划线

说明：四个伪类必须按照固定顺序写，否则有些不会生效，顺序按照L(link)OV(visited)E H(hover)A(active)TE原则。

2）将链接转换为块级元素

技术分享

链接在默认状态下是内联元素，转换为块级元素后可以获得更大的点击区域，可以设置高度和宽度，将链接转换为块级元素，只需增加一个display:block的css的属性即可。

技术分享

技术分享

技术分享

技术分享

3）用css制作按钮

这里的用css制作按钮，即在将链接转换为块级元素的基础上，给块级元素增加一个背景图片，这里我是用的本地的两个图片。

技术分享

技术分享

技术分享

技术分享

4）首字下沉

技术分享

首字下沉需要应用伪元素:first-letter

技术分享

技术分享

技术分享

技术分享

注意：IE6如果想兼容first-letter，需要在选择符与样式花括号之间留有空格，否则IE6不能实现。即first-letter和{}中间留有空格。

Web标准：五、超链接伪类

标签：

原文地址：http://www.cnblogs.com/meitian/p/4403513.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！