要链接一个外部的样式表，你需要像这样在你的中包含一个元素：

html

在这个简单的例子中，使用了 href 属性设置外部资源的路径，并设置 rel 属性的值为“stylesheet”(样式表)。rel 表示“关系 (relationship) ”，它可能是元素其中一个关键的特性——属性值表示项的链接方式与包含它的文档之间的关系。你将在我们的链接类型中看到很多不同类型的关系。

这里有一些你经常遇到的其他类型。例如，这里是一个网站图标的链接：

html

还有一些其他的与图标相关的rel值，主要用于表示不同移动平台上特殊的图标类型，例如：

html

sizes属性表示图标大小，type属性包含了链接资源的 MIME 类型。这些属性为浏览器选择最合适的图标提供了有用的提示。

你也可以提供一个媒体类型，或者在media属性内部进行查询；这种资源将只在满足媒体条件的情况下才被加载进来。例如：

html

也加入了一些新的有意思的性能和安全特性。举例如下：

html

将rel设定为preload，表示浏览器应该预加载该资源 (更多细节见使用 rel="preload"预加载内容 (en-US)) 。as属性表示获取特定的内容类。crossorigin属性表示该资源是否应该使用一个CORS请求来获取。

其他用法的注解：