为什么 CSS 设计文件无法正确显示？答案

【问题标题】：Why is CSS design file not showing up properly?为什么 CSS 设计文件无法正确显示？
【发布时间】：2021-10-02 10:14:22
【问题描述】：

我有一个安装了 apache2 的树莓派。我有两个文件存储在：

/var/www/html

一个文件是“index.html”，另一个是“design.css”

这是文件“index.html”（它是用德语写的，但我认为只有 html 标签很重要）

<html>
  <head>
    <link href="./design.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>Website</title>
  </head>
  <body>
    <h1 class="rot">Hallo und herzlich wilkommen auf meiner Webseite!</h1>
    <p>Hier steht text</p>
    <hr></hr>
    <bold>Hier sind Audiodateien:</bold><br>
  </body>
</html>

这里是“design.css”文件

.rot {
    color: "red";
}

p {
    color: "blue";
}

我希望我的第一个文本显示为红色，第二个文本显示为蓝色。

但是当我打开我的网站时，文本只显示为黑色，而不是预期的颜色。

我希望我能很好地描述我的问题，以便您可以帮助我

【问题讨论】：

错字：CSS 颜色是关键字，而不是字符串，它们不应该有引号。
使用a CSS validator
如果在同一个目录中也不需要./
也使用markup validator，因为您缺少文档类型，hr 元素的结束标记是禁止的，并且 HTML 中没有 bold 元素。

标签： html css webserver apache2

【解决方案1】：

我认为可能是引号让你退缩了

【讨论】：

【解决方案2】：

你确定你曾经读过语法吗？虽然是的，很多人对 href 和 src 属性感到困惑。现在回到问题上来，问题出在链接标签上。

<html>
  <head>
    <link src="./design.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>Website</title>
  </head>
  <body>
    <h1 class="rot">Hallo und herzlich wilkommen auf meiner Webseite!</h1>
    <p>Hier steht text</p>
    <hr></hr>
    <bold>Hier sind Audiodateien:</bold><br>
  </body>
</html>

你不必在链接标签中使用href，而是src属性。希望这可以帮助。而且如果它仍然不起作用，那可能是因为缓存。由于浏览器缓存了 CSS 文件，您所做的更改多次发生不可见。要解决它，请使用 Ctrl + Shift + I 打开检查元素，现在长按重新加载按钮并选择硬重新加载。如果还是不行那我就不知道了。

【讨论】：