css链接样式的写法<link

html-css018

css链接样式的写法<link,第1张

a:link { text-decoration: none}

a:visited { text-decoration: none}

a:hover { text-decoration: underline}

a:active { text-decoration: underline}

注意:在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后才能生效,a:active 必须位于 a:hover 之后才能生效。

意思是:

在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。

rel是Relations的所写 指关联到一个stylesheet(样式表单)。

由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善。

Link标签有两个作用:

1. 定义文档与外部资源的关系;2. 是链接样式表。

link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系。

扩展资料

rel各个属性值配置的意思:

Alternate -- 定义交替出现的链接

Stylesheet -- 定义一个外部加载的样式表

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Contents

Index -- 当前文档的索引

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

把<link>放在<head>中

将<link>标签放在两者<head></head之间是规范要求的内容。至少,这种做法可以让页面逐步呈现,提高了用户体验。

将样式表放在文档底部附近,导致许多浏览器(包括Internet Explorer )不能逐步呈现页面。一些浏览器会阻止渲染,嵌入在页面样式发生变化时,重新放置页面中的元素。这种做法可以防止呈现给用户空白的页面或没有样式的内容。