学习笔记七：link 标签中“rel=stylesheet”的作用

转载自：https://blog.csdn.net/a732894380/article/details/83107934
最近在用link标签引入外部css文件的时候，忘记加上rel=stylesheet，结果css样式显示不出来，疑惑万分。加上这个css效果就出现了。

那rel=stylesheet又是何方神圣呢？

首先，我们要知道Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。

link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系，说白了就是指明你链进来的对象是个什么东西的，

rel各个属性值配置的意思：
Alternate – 定义交替出现的链接
Stylesheet – 定义一个外部加载的样式表
Start – 通知搜索引擎,文档的开始
Next – 记录文档的下一页.(浏览器可以提前加载此页)
Prev – 记录文档的上一页.(定义浏览器的后退键)
Contents
Index – 当前文档的索引
Glossary – 词汇
Copyright – 当前文档的版权
Chapter – 当前文档的章节
Section – 作为文档的一部分
Subsection – 作为文档的一小部分
Appendix – 定义文档的附加信息
Help – 链接帮助信息
Bookmark – 书签

所以说，我们用这样的方式，引入外部的css文件时，一定不能忘记rel属性的配置。

感谢网友的评论，引用网友No spicy!的举例：

这有点像你和其他人去应聘，应聘上了之后公司会给你进行分组，你应聘的实习生就把你分到实习生分组里面，你是css文件就把你分到“stylesheet”里面