Question

我的background-color代表我的文件**＆＃34; styles.css＆＃34; **似乎没有使用我的 html 代码。有时当我带走 styles.css 中的"body{ background-color: pink;"时，我的 html 代码似乎没有任何变化，即使我将其他代码放在{{1 }}。当我使用h1{color:blue;text-align: center;}在 styles.css 中尝试使用 html doc中的所有内容时，<style>。请指教（我非常棒）。

这些是我的html和css代码

我的

HTML 和 CSS 文件

Answer 1

您的styles.css不应包含：

<!Doctype>, <html></html>, <head></head> and <body></body>

标签，因为这是HTML。只有css代码应该在此文件中。

Answer 2

这是

的代码

<!DOCTYPE> 
<html>
<head>
    <title></title>
    <link rel="stylesheet" src="path"/> <!-- this if your use external sheet-->

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

</head>
<body>

</body>
</html>

如果您使用内部样式 始终在<style></style>代码中执行此操作，或在代码中使用style属性，例如<div style="background-color:pink"></div>

或者，如果您首先使用外部样式表，请检查您的路径是否正确。然后将其添加到.css文件中

body{
  background-color:pink;
}

如果您在没有任何IDE的情况下进行编码，这意味着如果您使用记事本或记事本++等进行编码，请始终将您的文件（.html，.css，.js）保存在同一文件夹中。然后它很容易链接

我的身体背景颜色的CSS代码不起作用

2 个答案: