带有外部 CSS 的 HTML 链接不起作用[重复]答案

【问题标题】：HTML Link with external CSS no working [duplicate]带有外部 CSS 的 HTML 链接不起作用[重复]
【发布时间】：2018-03-23 12:40:26
【问题描述】：

当我尝试将以下代码链接到我的 CSS 文件时，它不起作用。

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" type="text/css" rel="stylesheet"/>
    </head>
    <body>
        <div class="body"
        </div>
    <body>
</html>

style.css 内容：

.body {
background-color: blue;
}

在 HTML 文件中，我用粗体表示的以下内容在 notepad++ 中用红线下划线：
css" type="text/css" rel="stylesheet"/> *注意 link href= 中的“-”用于演示目的。

似乎不起作用。背景颜色保持白色。有什么帮助吗？

【问题讨论】：

如果<div class="body"></div>内部没有内容，那么它就没有任何大小，甚至没有背景颜色。
是的，你需要给 div 一个宽度和高度，此外，如果你想要整个页面都是蓝色的，你不应该在里面设置一个 div，只需使用选择器 body 没有句点
如果您想将整个页面的背景设为特定颜色，请改用 body 标签：body { background: blue; }

标签： html css web

【解决方案1】：

在 div 中放一些内容。

然后像这样关闭 div

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" type="text/css" rel="stylesheet"/>
      <style>
        body {
          background-color: blue;
          }
        </style>
    </head>
    <body>
        <div class="body"> <!-- please check I closed this tag -->
        </div>
    <body>
</html>

【讨论】：

【解决方案2】：

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" type="text/css" rel="stylesheet"/>
        <style>
          body {
            background: blue;
          }
    </head>
    <body>
        <div class="body">
        </div>
    </body>
</html>

您没有关闭您的标签以及正文。顺便说一句，您可以将 body 设置为具有背景颜色而不是其中的部分，因为它没有设置任何宽度和高度。

<div class="body">
</div>
</body> <!-- Close body -->

【讨论】：

【解决方案3】：

1 - 确保您的 style.css 不在服务器上的另一个目录中

2 - 你不需要为已经拥有优先权的主体调用一个类。

使用它并删除 class=body div :)

body {
background-color: #000000;}

【讨论】：

【解决方案4】：

请检查 CSS 文件的路径。

否则您可以使用样式标签放置内部 CSS。

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" type="text/css" rel="stylesheet"/>
      <style>
        body {
          background-color: blue;
          }
        </style>
    </head>
    <body>
        <div class="body">
        </div>
    <body>
</html>

【讨论】：

这不会做任何事情，因为div 没有内容，因此宽度和高度为零。

【解决方案5】：

你可以这么说

body {
background-color: blue;
}

在样式表中，也不需要

<div class="body">
</div>

你没有正确关闭标签！

你也可以使用 id 来设置 div div id = body

在css中会是

#body{
background-color: blue;
}

【讨论】：

#body 将设置一个不存在的 id 为 body 的元素。
是的，我将问题的 div 类误读为 div id！我的错。谢谢你:-)