单独的 css 文件不适用于 html 文件，但将 css 放在与 html 作品相同的文件中答案

【问题标题】：separate css file does not work on html file but put css in the same file as the html works单独的 css 文件不适用于 html 文件，但将 css 放在与 html 作品相同的文件中
【发布时间】：2016-10-26 14:01:29
【问题描述】：

所以我正在阅读一本名为<<teach yourself CSS and HTML in 24 hours>> 的书，当涉及到 CSS 时，该书要求读者在单独的 .css 文件中编辑样式表，并在 html 文件中放置一个链接以链接到 .css 文件。我做到了，但它不起作用。

然后我在 youtube 上观看了一个视频剪辑，它说我可以简单地在我的 html 文件中添加一个 <style> 标签来使 css 工作并且我成功了。

问题是我想按照这本书教给我的方式来做这件事，因为我认为这会让我的文件更容易阅读。

这是我的html 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
  <head><title>Hello</title></head>
  <link rel="stylesheet" type="text/css" href="mycss.css" />
  <body>
    <p>Hi my name is chris</p>
  </body>
</html>

这是我的mycss.css 代码：

p {
  color:green;
  font-family:arial;
}

但是，如果我这样写，它可以工作：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
  <head><title>Hello</title></head>
  <style type="text/css">
    p {color:green; font-family:arial;}
  </style>
  <body>
    <p>Hi my name is chris</p>
  </body>
</html>

【问题讨论】：

mycss.css 是否与调用它的 html 文件在同一目录中？它需要位于同一目录中，或者您需要在
嗨，beeker，感谢您的回复。是的，我确实把它们放在同一个目录中。

标签： html css

【解决方案1】：

试试这个...确保样式表的链接位于 html 文档的头部：

<html>
  <head>
  <title>Hello</title>
  <link rel="stylesheet" type="text/css" href="mycss.css" />
  </head>
  <body>
    <p>Hi my name is chris</p>
  </body>
</html>

【讨论】：

【解决方案2】：

将您的外部 css 链接放在 </head> 之前，如下所示，

<head>
<title>Hello</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
</head>

【讨论】：

【解决方案3】：

建议在文档的head部分包含样式表或css文件。

<head>
<link rel="stylesheet" type="text/css" href="mycss.css" />
</head>

【讨论】：