时间戳

首页 > 解决方案 > css文件没有链接到html

html - css文件没有链接到html

问题描述

我正在学习网页设计，但我遇到了一个非常简单的问题，但我无法找到答案。我为示例创建了一个非常简单的页面，两个文档都在同一个文件夹中。它在此处用作片段，但在我的计算机上不起作用。我已经多次检查样式表的文件路径，但它不起作用。如果有人可以提供帮助，将不胜感激。谢谢！（我不确定该片段是否有用，但我想我还是会包含它）

body {
  background-color: #eee;
}

#header {
  background-color: #66CCFF;
  color: white;
}
<div id="container">
  <div id="header">
    <h1>text</h1>
  </div>
  <div id="content">
    <div id="nav">
      <h3>nav</h3>
      <ul>
        <li>home</li>
        <li>about</li>
        <li>contact</li>
      </ul>
    </div>

    <div id="main">
      <h2> other text </h2>
    </div>
  </div>
</div>

标签： htmlcss

解决方案

请记住遵循这一点，以避免在通过父目录访问的情况下再次出现问题：

父文件夹：

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

同一个文件夹：

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

推荐阅读