Question

我尝试通过main.css更改网站的背景颜色。它没有用。这是编辑器的截图（崇高文本3）和我保存文件的文件夹。

其他功能全部工作和行

<head><title>My Website</title>
    <link href="styles/main.css" rel="stylesheet" type="text/css" />
</head>

在每个页面中都是相同的。也许错误在那里的某个地方。

Answer 1

请务必仔细检查您的链接。它或多或少是有史以来最错过的错误之一。确保路径正确。它应该是/css/main.css而不是/styles/main.css

Answer 2

你应该尝试：

body{
  background-color: #f00;
}

把它放在你的main.css

中

U也可以将background-color属性应用于具有类或id的任何元素，如下所示：

.element{
  background-color: #f00;
}

如果'element'名称是一个类或：

#element{
  background-color: #f00;
}

如果'element'是ID的名称

Answer 3

因为你提到你是新手，你的css是否位于名为“styles”的文件夹中？

如果是这样，你的main.css应该包含：

body{
background-color: rgb(200,100,0;
}

Answer 4

既然您提到您是Web开发的新手，您是否尝试清空浏览器缓存？有时当css没有更新时，因为它已被缓存。 PC上的短命令：Ctrl + shift + delete，在mac上它是cmd + shift + r

Answer 5

只需改变：

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

为：

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