CSS文件未链接到HTML文件。

huangapple go评论62阅读模式
英文:

CSS file not linking to a HTML file

问题

我有这个HTML文件,我正在尝试将一个CSS文件链接到它。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="main.css"/>
    <title>Document</title>
</head>
<body>
    <p>Aqui podras veure el temps de vilafant en un futur, no tinguis presa</p>
    <h2>La humitat d'avui és: {{humitat}}</h2>
    <h2>La temperatura d'avui és: {{temperatura}} Cº</h2>
    <h2>La pressió d'avui és: {{pressio}}</h2>

    <a href="{% url 'home' %}" >
        <button>Update</button>
    </a>
</body>
</html>

当我执行这个文件时,我得到这个错误:

Not Found: /weathersite/temps/templates/main.css

我不明白为什么,因为它们在同一个文件夹中。

我已经尝试用上面代码中的链接来链接它。

英文:

I have this HTML file and I'm trying to link a CSS file to it.

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;main.css&quot;/&gt;
    &lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p&gt;Aqui podras veure el temps de vilafant en un futur, no tinguis presa&lt;/p&gt;
    &lt;h2&gt;La humitat d&#39;avui &#233;s: {{humitat}}&lt;/h2&gt;
    &lt;h2&gt;La temperatura d&#39;avui &#233;s: {{temperatura}} C&#186;&lt;/h2&gt;
    &lt;h2&gt;La pressi&#243; d&#39;avui &#233;s: {{pressio}}&lt;/h2&gt;

    &lt;a href=&quot;{% url &#39;home&#39; %}&quot; &gt;
        &lt;button&gt;Update&lt;/button&gt;
    &lt;/a&gt;

When I execute this file, I get this error:

> Not Found: /weathersite/temps/templates/main.css

I don't understand why because they are in the same folder.

I have tried linking it normally with the link line of code.

答案1

得分: 0

在Django中,您可能需要使用类似以下的代码:

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'main.css' %}"/>

在这种情况下,您必须将main.css文件存储在您项目目录中名为'static'的文件夹中。

英文:

In Django, you may need to use something like:

{% load static %}
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;{% static &#39;main.css&#39; %}&quot;/&gt;

In this case, you must store main.css file in a folder called 'static' in your project directory.

huangapple
  • 本文由 发表于 2023年6月29日 07:04:17
  • 转载请务必保留本文链接:https://go.coder-hub.com/76577190.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定