📅 最后修改于: 2023-12-03 15:25:13.235000 🧑 作者: Mango
CSS (Cascading Style Sheets) 是一种用于定义网页样式的语言。在 Django 中，可以通过以下步骤将 CSS 添加到网页中：
首先，需要在 Django 应用程序中创建一个名为 'static' 的文件夹，用于存储 CSS 文件和其他静态文件。
如果您的应用程序名为 'myapp'，则可以在应用程序的根目录中创建一个名为 'static' 的文件夹。
myapp/
static/
接下来，需要在刚刚创建的静态文件夹中创建一个名为 'style.css' 的 CSS 文件。可以根据需要添加任何样式定义。
例如，以下是一个简单的 'style.css' 文件示例：
body {
background-color: #f6f6f6;
font-family: "Helvetica Neue", sans-serif;
}
h1 {
color: #337ab7;
font-size: 36px;
font-weight: bold;
}
现在，可以在 Django 应用程序中的 HTML 文件中链接刚刚创建的 CSS 文件。
例如，在应用程序的 'templates' 文件夹中创建一个名为 'index.html' 的文件，然后添加以下代码片段：
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>My App</title>
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
</head>
<body>
<h1>Welcome to my app!</h1>
<p>This is some text.</p>
</body>
</html>
注意代码片段中的 '{% static 'style.css' %}'，其中 'style.css' 是刚刚创建的 CSS 文件名。这使得 Django 能够查找并提供正确的链接。
最后，需要在 Django 应用程序的设置文件中添加静态文件路径，以便应用程序可以找到该文件夹。
例如，在 'settings.py' 文件中添加以下代码片段：
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'myapp/static'),
]
注意代码片段中的 'myapp/static'，这是刚刚创建的静态文件夹路径。在这个示例中，它位于应用程序的根目录中。
完成这些步骤后，现在应该能够在 Django 应用程序中成功添加 CSS 文件，并在 HTML 文件中链接该文件，以渲染应用程序中的样式。
本教程旨在向 Django 开发人员介绍如何将 CSS 添加到 Django 应用程序中。按照上述步骤，您应该能够成功地添加 CSS 文件并为您的网站添加自定义样式。
Good luck with your Django development!