Question

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

如您所见，我的CSS是链接

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

我的CSS文件名为style.css，名为css。为什么不链接？

Answer 1

我会添加属性类型和值“text / css” 您的链接标记最终会像这样：

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

Answer 2

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

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

这会向上导航一级，然后导航到css文件夹。

Answer 3

如果要将静态文件加载到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>

这两个是CSS静态文件

href="{% static 'css/superstore.css' %}"
href="{% static 'css/bootstrap.css' %}"

这些是静态的javascript文件

src="{% static 'js/bundle.js' %}"
src="{% static 'js/superstore.js' %}"

css和js是Visual Studio代码中的文件夹名称。

{% load staticfiles %}

您必须在html代码开始之前提及静态文件。

Answer 4

如果您具有用于“ .html”文件，“。css”文件，“。js”文件等的单独子文件夹的任何项目结构，并且您尝试将“ .html”文件链接到“ .css”文件，则：

在html文件中，输入“ .css”文件的路径 href =“ ../ folderName / filename.css”

例如：“ <link rel="stylesheet" href="../css/main.css"/>”

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

4 个答案: