在Django中将CSS (和一般的静态文件)链接到html
在Django中将CSS和其他静态文件链接到HTML页面，可以通过以下步骤完成：
- 配置静态文件路径：在Django项目的设置文件（settings.py）中，需要定义静态文件的存储路径。可以使用
STATIC_URL设置静态文件的URL前缀，以及STATICFILES_DIRS指定静态文件的存储路径。例如：
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]上述配置将静态文件存储在项目根目录下的static文件夹中。
- 创建静态文件目录：在项目根目录下，创建一个名为
static的文件夹，并在其中存放CSS文件和其他静态文件。例如，可以在static文件夹中创建一个名为css的子文件夹，并将CSS文件存放在其中。 - 在HTML模板中引用静态文件：在需要引用CSS文件的HTML模板中，可以使用Django模板语言的静态文件标签来引用。例如，使用
{% load static %}标签加载静态文件标签库，然后使用{% static 'css/style.css' %}标签来生成CSS文件的URL。完整的示例代码如下：
{% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>上述代码中的{% static 'css/style.css' %}会根据配置的静态文件路径生成正确的CSS文件URL。
- 运行开发服务器：在完成上述步骤后，可以运行Django开发服务器，访问相应的URL来查看HTML页面中引用的CSS文件是否生效。
推荐的腾讯云相关产品：腾讯云对象存储（COS）可以用于存储静态文件，提供高可用、高可靠的对象存储服务。您可以通过以下链接了解更多信息：
请注意，以上答案仅供参考，具体的实现方式可能会因项目配置和需求而有所不同。
相关·内容
我的html文件没有读取我的css文件-我已经尝试搜索关于这个问题的所有相关问题，但仍然无法读取css文件。STATIC_URL = '/static/'
){% load<link rel
浏览 5提问于2018-02-16得票数 3
3回答
我是Django的新手。请帮我解决这个问题，我已经试了两天了。本质上，我创建了一个模型，在那里定义了一个类，但是当我打开页面时，我得到了错误。P<path>.*)$urls.pyfrom django.urlsimport path, includefrom djan
浏览 3提问于2021-05-12得票数 0
回答已采纳
我想移动我的网站到django，其中有许多图片和css文件链接到它。另外，它还使用应用程序缓存静态files.Since --我有其他应用程序在django上工作--我想把这个静态的应用程序也移到django.So上--可以在不动态呈现静态文件的情况下运行一个网页，并且只使用静态网页(
浏览 2提问于2014-09-19得票数 0
回答已采纳
2回答
我正在尝试创建Django应用程序，我已经做了所有的静态设置，如STATICFILES_DIRS = [
os.path.join(BASE_DIR,'CricketTeamManagement，并运行了python manage.py collectstatic --它在外部创建了一个新的静态文件夹，其中包含管理文件夹和子文件夹，如js、css、字体、图像和收藏库，它们收
浏览 5提问于2020-04-27得票数 0
回答已采纳
5回答
我是新用户django-pycharm，我想在pycharm中创建一个html/css模板。我的问题是在pycharm我不能连接html文件和css文件。如果我用pycharm的经典方法运行这些文件，它是可以的，但是我不能在程序中连接。我在txt文件中的连接行
link href="
浏览 1提问于2016-01-04得票数 0
我是Django和Python编程新手。我很困惑，为什么需要将css、javascript和图像放在django的静态目录中。我们是否可以像其他html文件一样将这些文件放入模板中，并将它们直接链接到html代码中？例如：<head>
<script src="myscript.js"><
浏览 0提问于2018-07-17得票数 3
回答已采纳
我将博客文章存储为HTML，这样我就可以定制它们的格式了。使用Django框架，我将blog post HTML从数据库加载到子类模板的内容块中。我想在博客上有一个图片。如何格式化图像src以加载存储在静态文件夹中的图像。Django教程()给出的示例如下：
<img src="{% static assets/img/some_img.jpg %}"
浏览 3提问于2019-04-01得票数 0
2回答
我使用CSS文件在Django应用程序中更新我的HTML，但是尽管我的"style.css“工作表链接到了HTML，但是没有发生任何更新。"style.css“与我的HTML ("index.html")位于同一个文件夹中，但没有任何变化。和HTML<e
浏览 4提问于2022-09-12得票数 1
2回答
我一直跟随代码和例子在线尝试使用自定义字体在我非常基本的html网站。如果有关系的话，我在用django。aurebesh_translator.html<html>
<link rel="stylesheet" type="text/css" href="main.css</e
浏览 3提问于2020-06-01得票数 1
回答已采纳
加载静态文件时有问题。它根本不会在我的页面上加载图片。当我查找地址时，上面写着/app/assets/img.但是它应该是/静态/资产/img，就像在主页和登录页面上一样。(/app/是我的视图名，但我不明白为什么它会像这样加载它)(所有应用程序都在我安装的应用程序目录中，模板中的DIRS被配置，我有‘django.contrib.staticfile’，
浏览 11提问于2022-09-15得票数 0
在使用Django时，我在将CSS文件链接到HTML文件时遇到了一些问题。下面是我的HTML，其中我链接了一个静态文件名home.css<link rel="stylesheet" href="{% static 'home.css' %}"
浏览 1提问于2022-02-22得票数 0
我需要做一个应用程序，我有现成的独立html模板在我的现在，我已经创建了一个视图，其中显示了要向用户显示的模板的名称、缩略图template1/index.html，这样他们就可以看到所有的模板图像，js等，而不需要将任何东西链接到django视图
浏览 4提问于2012-12-07得票数 1
回答已采纳
2回答
我的django项目找不到我的css文件。拼写是正确的，路径是正确的，小写和大写都是正确的，它连接在头部部分。我已经找了两个小时了。<html lang="en"> <link rel="stylesheet" type="text/css" href="../
浏览 2提问于2020-05-21得票数 3
回答已采纳
2回答
我尝试了几个不同的东西，如果我在我的HTML中手动压缩我的照片，我的照片确实加载，虽然我不想要的填充，它不是在背景中。我不明白我在这里做错了什么。我尝试了两种不同的方法，但这两种方法都没有效果。唯一起作用的是直接进入Jumbotron部分，但是就像我说的那样，这就是我想要的。那我在这里做错什么了？项目urls
from django.contrib imp
浏览 6提问于2020-05-14得票数 0
2回答
CSS链接静态页面
、、、
在您将其标记为副本之前，我确实已经查看了django论坛、教程等。{% load static %}
<link rel="stylesheet" typ
浏览 10提问于2017-08-25得票数 0
我的django.contrib.staticfiles设置似乎没问题，因为所有静态文件都按预期提供服务。然而，例如。尽管我打开了GZipMiddleware，但/static/*.css文件没有得到get压缩。
仅供参考。我的视图html确实被压缩了，只有staticfiles应用程序提供的文件不会。这些响应似乎没有经过中间件链？
浏览 0提问于2011-09-28得票数 7
回答已采纳
我有一个用Vue.js v2构建的Django SPA / webpack。{% load static %}<html>
<hea
浏览 2提问于2017-06-02得票数 4
3回答
我是个新手，所以我可能犯了一个新手的错误，但我有一个HTML：{% load static %}
<title>HOME</title><link rel="stylesheet" href="{% static 'style.css}
{% block
浏览 3提问于2020-10-25得票数 1
回答已采纳
1.)我右键单击这个页面并查看页面源代码，然后将所有的html复制到我的Django应用程序中；
2.)接下来，我点击了“view page source”html上的所有css和js链接，并将它们复制到我在Django上的静态文件夹中的css和js文件夹中。3.)下一步，我在Djan
浏览 0提问于2014-07-15得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
