Question

有人可以帮我弄清楚为什么没有正确链接？

我曾尝试为.banner添加边距，但它没有改变任何内容。我也很担心，因为我不认为atom将我的样式表识别为CSS，即使我已将其标记为。

HTML

<!DOCTYPE html>
 <html>
  <head>
    <title>Interactive Resume Builder</title>
    <link rel="stylesheet" type="text/css"
    href="Stylesheet-home.css">
  </head>

CSS

.banner {
  margin-left: 26px;
  margin-top: 26px;
}

感谢您的帮助！

Answer 1

此页面上还有其他答案，告诉您href应该包含'Stylesheets'作为包含.css文件的文件夹。但这不是你在问题中提到的，所以这个建议可能无济于事。

你在哪里保存文件？您基本上希望href属性读取'href =“FOLDER-NAME / Stylesheet-home.css”'，或者，如果您的CSS文件保存在与HTML文件相同的目录中，那么它只是'href =“样式表-home.css“”。

Answer 2

更改<link rel="stylesheet" type="text/css" href="../Stylesheets/Stylesheet-home.css">

上的链接

Answer 3

首先，您应该在代码中定义CSS文件的确切位置。在这种情况下，它将是：

<link rel="stylesheet" type="text/css" href="Stylesheets/Stylesheet-home.css">

Answer 4

如果您要链接例如index.html，并且您的CSS位于名为＆＃34; css＆＃34;的文件夹中。你必须链接如下：

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

如果这不起作用，可能是因为您的文件夹有不同的树，这就是为什么没有正确调用您的CSS。

Answer 5

感谢大家的帮助！我终于得到它正确链接。我不得不将CSS文件从文件夹中移出，并且还发现我的名字中有一个额外的空格，这使得它搞砸了。

.banner {
  color: red;
}

<!DOCTYPE html>
<html>
  <head>
    <title>Interactive Resume Builder</title>
    <style>

    </style>
    <link rel="stylesheet" type="text/css" href="C:\Users\Tim\Desktop\Coding\stylesheetIndex.css"/>
  </head>
  <body>
  <!-- Working on Website Navigation-->
    <nav>
      <a href="">Home</a>
      <a href="">About</a>
      <a href="">Why Chiron</a>
      <a href="">Login</a>
    </nav>

    <div class="banner">
      <div id="logo">
        <img
        src="C:\Users\Tim\Desktop\Coding\Img\Chiron 2.jpg"
        width="185px"
        height="50"/>
      </div>
      <p>
        I like to sing
      </p>
    </div>

将CSS链接到HTML时遇到问题

5 个答案: