如何在Django项目中连接我的HTML文件和CSS文件



我有一个简单的html页面,在我的本地浏览器上正常工作和渲染,但是当我引用静态css文件时,页面加载没有样式,我得到了url的200成功,但style.css文件

的404我用

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

在HTML文件内。我在项目级别的正确位置有静态文件夹,然后在里面有一个css文件,后面是style.css文件。

Html页面:

{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
</head>
<body>
<h1>Home</h1>
<header>
<nav>
<ul>
<li><a href="{% url 'home' %}">Home</a></li>
<li><a href="{% url 'about' %}">About</a></li>
<li><a href="{% url 'info' %}">Info</a></li>
</ul>
</nav>
</header>
</body>
</html>

CSS页面:

h1 {
background-color: orange;
}

从我所做的研究应该得到所有h1标签橙色的背景,但它不起作用。任何建议吗?

处理静态文件

<标题>步骤:
# 1 - Create (static) folder in Root Directory of Project
# 2 - Paste Your Static Files Folder in (static) Folder (js,css,images...etc)
# 3 - Now Do Setting in (setting.py)
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static') ]
---------- OR --------+
STATICFILES_DIRS = [BASE_DIR / 'static']

# 4 - add {% load static %} tag on top of html page
# 5 - Now use ({% static 'assets/image.jpg' %}) tag in HTML File for calling static files
# 6 - Done

相关内容

  • 没有找到相关文章

最新更新