当我将CSS文件链接到HTML中时,它没有应用
我在CSS文件夹中存储了一个CSS文件style.CSS,并尝试使用它将其链接到HTML文件中。我得到了一个404未发现的错误,从这和不确定我做错了什么 下面是目前没有多少代码的代码:当我将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
{% 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.csshref应该具有文件位于文件名上的路径,而不仅仅是文件名。 例如:
<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属性中获取正确的路径。