Question

帮助。我正在学习HTML5 / CSS。在我无法调试HTML / CSS标记之前，情况一直很糟糕。

使用自动完成的WeBuilder并链接到Tidy等标准工具。这是我试过的

在我的HTML中使用了内部CSS链接：它有效;
将styles.css放在同一个css文件夹中--BUMMER
已将两个文件重新定位到另一个HDD-BUMMER
这两个文件都使用我的可用工具进行验证

我确信问题出现在HTML文件中，并且在我可以找到有关建议的每个修改中都有问题。我已经使用WeBuilder的自动完成重新编写了HTML，但还没有在记事本中完成。我理解HTML和CSS的基础知识以及对文件和文件夹非常熟悉所以已经正确指导了href（即便如此，我也尝试过W3C的几个想法。

注意：我在这里的“发布”中看到，它会选择我有时间的Arial字体。如果Arial不是你的默认值，我会因为颜色没有显示而感到茫然。两者都没有显示颜色。如果我能得到进一步的帮助请告知。我非常感谢你的帮助。

这是我的HTML标记：

<!DOCTYPE html5>
<html>
  <head>
  <title>A Simple Page</title>
  <meta http-equiv="content-type" content="text/htm; charset=utf-8">
  <meta name="description" content="">
  <meta name="keywords" content="">
      <style type="text/css">
      <link rel="stylesheet" href="styles.css" />
      </style>
  </head>
      <body>
      <h1>First Title</h1>
      <p>A paragraph of interesting content</p>
      <h2>Second Title</h2>
      <p>A paragraph of interesting content</p>
      <h2>Third Title</h2>
      <p>A paragraph of interesting content</p>
      </body>
</html>

这是CSS：

h1, h2 {
  color: #3366CC;
  font-family: "Arial", sans-serif;
}

Answer 1

这没有任何意义：

<style type="text/css">
<link rel="stylesheet" href="styles.css" />
</style>

应该只是：

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

<style>标记仅用于页面中的内联CSS。所以，如果你愿意，你可以这样做：

<style type="text/css">
h1, h2 {
    color: #3366CC;
    font-family: "Arial", sans-serif;
}
</style>

但将CSS保存在单独的文件中真的更好。

此外，HTML文件顶部的DOCTYPE存在小问题。 HTML5 DOCTYPE只是：

<!DOCTYPE html>

而不是：

<!DOCTYPE html5>

HTML5的目的之一是简化文档格式化和简化。可读性。所以<!DOCTYPE html5>没有<!DOCTYPE html>这样的东西。

无法将HTML链接到我的系统上的CSS

1 个答案: