Chrome不会加载css？ [复制]答案

【问题标题】：Chrome won't load css? [duplicate]Chrome不会加载css？ [复制]
【发布时间】：2019-06-12 20:18:52
【问题描述】：

我是一个学习 HTML 和 CSS 的完整初学者。我正在尝试将 css 文档链接到我的 html，但没有成功。 css 文件与 html 位于同一文件夹中。 html 加载完美，但不会访问 css。有人可以帮忙吗？

<html>
 <head>
  <title>Practice</title>
  <link rel=“stylesheet” type=“text/css” href=“styles.css” />
 </head>
 <body>
  <h1>XXXX</h1>
  <h3>YYYYYYYY</h3>
  <p>ZZZZZZZZZZZZZZZZZZZZZZ</p>
 </body>
</html>

我的代码有问题，还是我的计算机无法访问文件？我正在使用 MacOS Sierra 和 TextEdit 创建 .html 和 .css 文件。

【问题讨论】：

什么是“？使用“
您是在 HTML 文件中使用花引号还是复制粘贴的人工制品？
TextEdit 是一个文字处理器。你永远不应该使用文字处理器来编写源代码。试试 TextMate 或其他 source code editor。
谢谢大家！修复引号有效，并寻找更好的文本编辑器。
当我从 slack 复制代码并且其中包含双引号时，我遇到过这种情况。特别是当发件人不将代码作为 sn-p 发送而是作为消息发送时。在复制这样的代码时要更加小心。

标签： html css

【解决方案1】：

您的 HTML 应该是：

<html>
 <head>
  <title>Practice</title>
  <link rel="stylesheet" href="styles.css">
 </head>

 <body>
  <h1>XXXX</h1>
  <h3>YYYYYYYY</h3>
  <p>ZZZZZZZZZZZZZZZZZZZZZZ</p>
 </body>
</html>

在同一目录中创建一个名为 styles.css 的文件，其中包含一些 CSS。

喜欢：

h1 { 
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  color:pink
}

【讨论】：

已经这样做了
@Quentin 请再试一次，我编辑了我的答案。
“你的 HTML 应该是这样的”——这读起来像是一个找不同的游戏，而不是一个答案。你应该删除这个。在您发布答案之前，解决方案已在 cmets 中确定，并在您接近确定问题之前作为副本关闭。
@Chuck 你可以复制粘贴这段代码并照原样运行，但它对我有用（更新后的）。