css Html文件有问题

ctrmrzij 于 2022-12-01 发布在其他

关注(0)|答案(5)|浏览(270)

嗨，我做一个网站，但我有两个问题
1.我的html文件没有看到我的css文件。我的html文件是Website/html/index.html，css文件是Website/css/index.css
1.即使我做了text-align: center;（css文件第22行），我的列表也不会变成直线。
第一个

css

来源：https://stackoverflow.com/questions/74629566/i-have-problems-on-html-file

5条答案

按热度按时间

omqzjyyz1#

首先，尝试在CSS路径中添加两个点。href="../css/index.css"然后，为了对齐，在kk-nav中添加display: flex;，如下所示。
第一个

赞(0）回复(0）举报 2022-12-01

clj7thdc2#

在CSS中，您使用class .kk-nav，但您定义了class=“kk_nav”，请将连字符（-）替换为下划线符号（_），然后将CSS替换为work。更正的代码在此处

.kk_nav{ /* using underscore */
  overflow: hidden;
  background-color: #191970;
}
.kk_nav a{ /* using underscore */
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

如果你想让导航文本在中间，在CSS中使用li，而不是像

.kk_nav li{ /* using li not a */
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }

赞(0）回复(0）举报 2022-12-01

llew8vvj3#

1.你的HTML文件看不到你的CSS文件，因为你没有给他CSS文件的好路径。你的两个文件都在 Website 文件夹中，但是在两个不同的文件夹中。所以你需要告诉HTML返回到它的根/父文件夹（Website），然后从那里进入 css 文件夹，在那里他会找到CSS文件。你可以用“..”来完成。

<link rel="stylesheet" href="../css/index.css">

1.您犯了一个错误。在HTML中，您用下划线命名了类“kk_nav”，而在CSS中，您用连字符代替了下划线来调用该类。更改它，它应该会工作。如果不工作，则调用 li 而不是CSS中的 a：

.kk_nav li {}

赞(0）回复(0）举报 2022-12-01

qncylg1j4#

1.当我将CSS文件加载到我的计算机上时，我可以很好地看到它。如果当前路径对不起作用，您可以这样设置路径，例如<link rel="stylesheet" href="./css/index.css">。我会提到，这与您的当前路径是相同的方法，只是您只是在当前文件路径前面添加了'.'。这将告诉您的HTML文件在'CSS'文件夹中的HTML文件（假设HTML文件位于工作目录的根目录中）。
1.在您的CSS文件中，类名为kk-nav，但在当前的HTML文件中，类设置为kk_nav。我唯一需要注意的是，您在CSS的'HTML'标签中定义了字体大小，默认情况下设置为16px，如果我没记错的话。2如果你想在代码中使用更大的字体，我建议最好使用body元素。3例如：body {font-size: 20px;}
我希望这能帮上忙。
这是我在我的机器上使用的更新HTML代码
第一个

赞(0）回复(0）举报 2022-12-01

fslejnso5#

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <header class="kk-header">
        <div class="kk-container">
          <nav class="nav">
            <a href="#">Ana Sayfa</a>
            <a href="#">abc</a>
            <a href="#">Araçlar</a>
            <a href="#">İletişim</a>
            <a href="#">Giriş</a>
          </nav>
        </div>
      </header>
  </body>
</html>

赞(0）回复(0）举报 2022-12-01

我来回答

css Html文件有问题

5条答案

相关问题

热门标签

最新问答