Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当我将CSS文件链接到HTML中时,它没有应用_Html_Css - Fatal编程技术网

当我将CSS文件链接到HTML中时,它没有应用

当我将CSS文件链接到HTML中时,它没有应用,html,css,Html,Css,我在CSS文件夹中存储了一个CSS文件style.CSS,并尝试使用它将其链接到HTML文件中。我得到了一个404未发现的错误,从这和不确定我做错了什么 下面是目前没有多少代码的代码: {% extends "base.html" %} {% block body %} <div class="MainBody"> <link rel="stylesheet" type="text/css&quo

我在CSS文件夹中存储了一个CSS文件style.CSS,并尝试使用它将其链接到HTML文件中。我得到了一个404未发现的错误,从这和不确定我做错了什么

下面是目前没有多少代码的代码:

{% extends "base.html" %}
{% block body %}

<div class="MainBody">

    <link rel="stylesheet" type="text/css" href="style.css">
    <div class="w3-container w3-padding-32 w3-hide-small center-align">
        <h1>About Us</h1>
    </div>

</div>
{% endblock %}

请告诉我什么地方做得不正确。

实际上,您回答了自己的问题:

我有一个CSS文件style.CSS存储在CSS文件夹中


您的href属性应该类似于:href=/css/style.css

实际上,您回答了自己的问题:

我有一个CSS文件style.CSS存储在CSS文件夹中


您的href属性应该类似于:href=/css/style.css

href应该具有文件位于文件名上的路径,而不仅仅是文件名。 例如:

  <link rel="stylesheet" type="text/css" href="./css/style.css">
  
我们使用./在当前文件夹中搜索。
如果您想从当前文件夹返回,我们将使用../文件名。

href应该具有文件位于文件名上的路径,而不仅仅是文件名。 例如:

  <link rel="stylesheet" type="text/css" href="./css/style.css">
  
我们使用./在当前文件夹中搜索。
如果您想从当前文件夹返回,我们将使用../我看到这是一个Flask应用程序的结构。在Flask中,CSS文件和其他资产默认应存储在静态目录中,该目录应直接位于主目录中

您的文件结构应如下所示:

TSAWeb_App
|__ templates
    |__ index.html
|__ static
    |__ CSS
        |__ style.css
然后,要在web应用程序中访问它,请首先为方法导入url_

从烧瓶导入烧瓶,url_ 然后您可以将CSS文件称为:

然后,当应用程序运行时,href标记将设置正确的值

更新:如果您使用的是Django,请参见此

配置静态文件 确保django.contrib.static文件包含在您的 已安装的应用程序

在设置文件中,定义静态URL,例如:

静态URL='/STATIC/' 在模板中,使用静态模板标记 使用配置的 静态文件存储。 {%load static%} 将静态文件存储在应用程序中名为static的文件夹中。 例如my_app/static/my_app/example.jpg。
我看到这是一个烧瓶应用程序的结构。在Flask中,CSS文件和其他资产默认应存储在静态目录中,该目录应直接位于主目录中

您的文件结构应如下所示:

TSAWeb_App
|__ templates
    |__ index.html
|__ static
    |__ CSS
        |__ style.css
然后,要在web应用程序中访问它,请首先为方法导入url_

从烧瓶导入烧瓶,url_ 然后您可以将CSS文件称为:

然后,当应用程序运行时,href标记将设置正确的值

更新:如果您使用的是Django,请参见此

配置静态文件 确保django.contrib.static文件包含在您的 已安装的应用程序

在设置文件中,定义静态URL,例如:

静态URL='/STATIC/' 在模板中,使用静态模板标记 使用配置的 静态文件存储。 {%load static%} 将静态文件存储在应用程序中名为static的文件夹中。 例如my_app/static/my_app/example.jpg。 试试这个:

在href中,您是否可以保留第一个/关闭?我想这会转到根文件夹。试着去掉第一条斜线,看看会发生什么。如前所述,404是因为它找错了地方。

试试这个:


在href中,您是否可以保留第一个/关闭?我想这会转到根文件夹。试着去掉第一条斜线,看看会发生什么。如前所述,404是因为它找错了地方。

必须指定style.css的路径。首先需要知道html文件位于哪个文件夹中。或者使用绝对路径。必须指定style.css的路径。首先需要知道html文件位于哪个文件夹中。或者使用绝对路径。是的,我以前认为是这样,但当我尝试它时,我发现了相同的错误。404错误发生在浏览器找不到指定的文件时,因此请继续尝试在href属性中获取正确的路径。是的,我以前认为是这样,但是当我尝试它时,我发现了相同的错误。404错误发生在浏览器找不到指定的文件时,所以请继续尝试在href属性中获取正确的路径。