便签中的属性rel的作用
link标签引入外部css文件的时候，忘记加上rel=stylesheet，结果css样式显示不出来。
Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。
link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。就是说链接出来的对象是什么东西，什么内容。
rel各个属性值配置
Alternate – 定义交替出现的链接
Stylesheet – 定义一个外部加载的样式表
Start – 通知搜索引擎,文档的开始
Next – 记录文档的下一页.(浏览器可以提前加载此页)
Prev – 记录文档的上一页.(定义浏览器的后退键)
Contents
Index – 当前文档的索引
Glossary – 词汇
Copyright – 当前文档的版权
Chapter – 当前文档的章节
Section – 作为文档的一部分
Subsection – 作为文档的一小部分
Appendix – 定义文档的附加信息
Help – 链接帮助信息
Bookmark – 书签
因此引入外部css文件时，一定要记得引入rel那个属性值。
rel相关
在index.html中引用外部css样式，需要索引css文件路径，但是css文件可能在不同目录下，需要根据具体情况写路径。
【情况1】css文件在同一个目录下，直接写文件名即可
【情况2】索引的文件在上级目录中，则需要前缀 …/ 代表上一级目录
如果在上好几级目录中，则需要知道具体在第几级目录，打几个 ../ 其实就相当于从index开始返回到上级目录再进入到css文件所在的目录