我最近开始学习 Web 编程的技巧，在阅读一本书时，我看到了两种将 .html 文件链接到 .css 文件的方法。
方法一：
<link rel="examplesheet" href="myexamplesheet.css" type="text/css"
media="screen" />
方法二：
<style type="text/css" media="screen">
@import url(examplesheet.css);
</style>
正如一些问题所指出的那样，它们都应该工作，但是方法 1 不适用于我的程序，即使方法 2 工作正常。
我的程序很简单。它看起来像这样：
<title> Title Site</title>
<link rel="canvas" href="canvas.css" type="text/css"
media="screen" />
<style type="text/css" media="screen">
@import url(canvas.css);
</style>
<p> We have black text.</p>
<p class="green"> And then we have Green Text.</p>
<p class="warning"> Warning. Warning. Warning.</p>
如果方法 1 是唯一的方法，则文本将无法正确显示。在 Internet Explorer 中，它只显示默认文本。但是在 Firefox 和 Chrome 中，它实际上显示了方法 1 的错误：
XML 解析错误：文档元素后出现垃圾 位置：file:///C:/Users/Zolani/AppData/Local/Temp/sample.xhtml 第 3 行，第 1 列：
我不确定为什么这只出现在这两个浏览器上。一个详细说明差异的网页谈到将其放在文本的头部。我试过了，使用“head”标签，它仍然没有用。
现在我可以继续使用方法 2 并愉快地使用我的程序，但我仍然想知道为什么方法 1 似乎无法正常工作。有任何想法吗？
注意：我使用的是 xhtml 而不是 html。