首页 > Web开发 > 详细

Web标准:五、超链接伪类

时间:2015-04-08 21:29:56      阅读:495      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!