在写CSS样式时,a:和a:link,a:visited有什么区别?

html-css018

在写CSS样式时,a:和a:link,a:visited有什么区别?,第1张

a:link就是链接平常的状态,a:visited就是链接被访问过的状态,

a和a:link的区别我就举个例子吧:

css样式:a{

color:red}

a:link{

color:blue}那么以下

标签内的元素颜色显示如下,

<a>red</a>

<a

herf="#">bule</a>

实际上,大多数情况我们直接用a而不是a:link,一般情况下最终效果都会完全相同。

html中css样式 <a>标签的使用方式:

1、<a>标签使用案例:

<a href="http://blog.0916688.com/" target="_blank" title="创业者李孟我的博客">创业者博客</a>

2、<a>标签使用范围:

(1)使用html a可以对图片进行锚文本超链接:

exp:

<a href="http://blog.0916688.com/" target="_blank" title="转到我的博客"><img src="http://blog.0916688.com/wp-content/uploads/2012/11/14.jpg" /></a>

(2)可以对文字内容进行锚文本超链接:

<a href="http://blog.0916688.com/"">我的博客</a>

3、html a应用扩展:

同页面锚文本-同页面内上下转到指定位置;

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp:

(1)、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>;

(2)、我们再到body内,需要出现点击后转到顶部位置添加,<a href="#top">回到顶部</a>;

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法:

(1)、需要转到地方添加,<a href="#命名">文字</a>,注意href值是#开头+英文字母命名;

(2)、需要在被转到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同;

您好!很高兴为您答疑!

W3C说明中指出:a:link 是默认状态 a:visited 是访问状态 a:hover 是经过状态 而a:active则是按下状态,当鼠标离开后就会消失。火狐对CSS的要求比较严格!

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。