Question

我是CSS / HTML的真正菜鸟，所以请原谅我。

我尝试更改链接到我的html文件的CSS文件的背景页面颜色，但它不起作用。然而，当我只是在我的HTML文件中的样式标签之间进行更改时，它可以正常工作。是什么给了什么？

简单明了：

Ex1.css

<head>
<style>
body {
   background-color: lightblue;
}
</style>
</head>

SamplePage.html

<!doctype html>
<html>
  <head>
    <title> Sample Page </title>
    <link rel = "stylesheet" href="Ex1.css">
  </head>
  <body>

      Hello. This is a sample Page.

  </body>
</html>

Answer 1

您的HTML是正确的，并且正确链接到您的CSS（假设Ex1.css与您的HTML位于同一文件夹中。）

您的CSS 几乎正确;唯一的问题是您不应在CSS文档中包含任何HTML标记。 Ex1.css应该只包含实际的CSS声明（body { }）。

body {
  background-color: lightblue;
}

<body>
  Hello. This is a sample Page.
</body>

如果有疑问，您可以 W3's CSS Validator 验证您的CSS。

希望这有帮助！：）

Answer 2

将Ex1.css文件的内容减少到：

body {
   background-color: lightblue;
}

（CSS文件中没有HTML代码！）

Answer 3

你的css文件就会有。简单明了

body {
   background-color: lightblue;
}

Answer 4

将您的css文件更改为：

body {
   background-color: lightblue;
}

页面背景 - 颜色不起作用（CSS）

4 个答案: