时间戳

首页 > 解决方案 > 外部 Css 文件未链接到 HTML 页面 - 刷新不起作用（请参阅编辑以获取解决方案）

html - 外部 Css 文件未链接到 HTML 页面 - 刷新不起作用（请参阅编辑以获取解决方案）

问题描述

我用导航栏编写了一个简单的网页，但没有加载相关的外部 css 文件，即使在打开页面后刷新页面甚至粘贴完整路径也是如此。（编辑：添加了 css 代码；Edit2：css 代码如果嵌入到索引文件中就可以工作，我也克​​服了注释中显示的错误。仍然没有。好的，最后的编辑......我只是再次保存了相同的 css 文件替换现有的一个，它工作。如果你有同样的问题，检查你是否可以从源代码在浏览器中打开css。如果不是你的文件有问题。只需尝试再次将其作为css文件保存在同一个css文件夹中.)

这是代码：

   <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="./css/style.css"/>
      </head>
      <body>

所以我的问题是，我现在应该怎么做才能让网页正确加载 css 样式表？

.nav{
height: 50px;
background:blue;
}
.nav div{
display: inline-block;
position:absolute;
left:0;
padding:15px;
font-size:20px;
color:white;
}
.nav ul{
position:absolute;
right:5px;
}
.nav ul li{
display:inline-block;
}
.nav ul li a{
color:white;
padding:5px;
}

标签： htmlcss

解决方案

你确定你的css文件地址吗？我建议您将您的 css 文件移动到项目的根目录中并更改您的地址，如下所示：

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

如果它可以工作，那么您应该解析您的 css 地址并移动您的文件。

推荐阅读