rel属性定义当前文档与被链接文档之间的关系。HTML引用css有三种，内联样式、内部样式表、外部引用，本章节是讲外部引用。外部引用的好处是可被多页面重复使用，样式与html分离。<link>外部样式一般都使用到三个属性，rel属性、 type属性、href属性。
案例目录结构
案例效果图
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}<!doctype html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> <link rel="stylesheet" type="text/css" href="/Template/Test/css/href.css"> </head> <body> <h1>href 属性 我使用href.css文件样式</h1> <p>我也使用了href.css文件样式</p> </body> </html>
 | 如果没有href="/Template/Test/css/href.css"，引入的css文件没有效果。 |
打开源代码
使用Ctrl+U或者在页面右键鼠标菜单下的“查看源代码”
点击在link标签的href连接
看连接是否打开css代码，是则成功，否则失败。
1 | <link rel="值"> |
| 值 | 描述 |
|---|---|
| alternate | 链接到该文档的替代版本（比如打印页、翻译或镜像）。 |
| author | 链接到该文档的作者。 |
| help | 链接到帮助文档。 |
| icon | 导入表示该文档的图标。 |
| license | 链接到该文档的版权信息。 |
| next | 表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档。 |
| prefetch | 规定应该对目标资源进行缓存。 |
| prev | 表示该文档是集合中的一部分，且集合中的上一个文档是被引用的文档。 |
| search | 链接到针对文档的搜索工具。 |
| stylesheet | 要导入的样式表的 URL。 |
