HTML不会链接到Visual Studio代码中的CSS文件_Html_Css_Visual Studio Code

HTML不会链接到Visual Studio代码中的CSS文件

html css visual-studio-code

HTML不会链接到Visual Studio代码中的CSS文件,html,css,visual-studio-code,Html,Css,Visual Studio Code,我正在尝试将css格式链接到HTML文档正如你所看到的，我的CSS是链接 <link rel="stylesheet" href="css/style.css" /> 我的CSS文件名为style.CSS，位于一个名为CSS的文件夹中。为什么没有链接？问题是：html文件在哪里？显然不在根文件夹中，但可能在另一个子文件夹中。试试这个 <link rel="stylesheet" href="../css/style.css" /> 这将向上导航一级，然后

我正在尝试将css格式链接到HTML文档

正如你所看到的，我的CSS是链接

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

我的CSS文件名为style.CSS，位于一个名为CSS的文件夹中。

为什么没有链接？

问题是：html文件在哪里？显然不在根文件夹中，但可能在另一个子文件夹中。试试这个

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

这将向上导航一级，然后进入

css

文件夹。

我将添加属性类型和值“text/css” 您的链接标签将以如下方式结束：

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

如果您正在将静态文件加载到html中，那么您应该在html代码中明确提到您正在加载静态文件。
请参阅以下代码：
{% load staticfiles %}
<html>

<head lang="en">

    <title>SuperStore DashBoard</title>
    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="{% static 'css/superstore.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}" />
    <script src="{% static 'js/bundle.js' %}"></script>
    <script src="{% static 'js/superstore.js' %}"></script>

</head>
<body>
</body>

</html>

这些是静态javascript文件
src="{% static 'js/bundle.js' %}"
src="{% static 'js/superstore.js' %}"

css和js是VisualStudio代码中的文件夹名称
{% load staticfiles %}

在html代码开始之前，您必须提及静态文件。
如果您有任何项目结构，其中包含“.html”文件“.css”文件“.js”文件等的单独子文件夹，并且您正在尝试将“.html”文件链接到“.css”文件，则：

在html文件中，在中给出“.css”文件的路径
href=“../folderName/filename.css”
例如：“
”
CSS与HTML的关系在哪里？它是不是在根目录下，而你需要在前面加一个/呢？如果不知道你网站的文件结构，我们就不能确定地回答。对路径类型（绝对、相对、根相对和协议无关）进行一些研究，然后选择最适合您需要的路径，并适当设置路径格式。是的，谢谢！这就是答案
{% load staticfiles %}