为什么 CSS 设计文件没有正确显示？

Question

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

/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";
}

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

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

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

Answer 1

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

Answer 2

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

<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>

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

为什么 CSS 设计文件没有正确显示？

Why is CSS design file not showing up properly?

html

css

webserver

apache2