django学习入门系列之第三点《CSS基础样式介绍3》
在Django中，我们通常会将CSS文件放在项目的static目录下，并在模板文件中通过{% static %}模板标签来正确引入这些CSS文件。以下是一个简单的例子，展示了如何在Django模板中引入CSS文件：
首先，在你的Django项目中的static/css目录下创建一个CSS文件，比如styles.css，并添加一些基本的CSS样式：
/* static/css/styles.css */
body {
font-family: 'Arial', sans-serif;
background-color: #f8f8f8;
}
h1 {
color: #333;
}然后，在你的Django模板文件中，使用{% static %}标签来引入这个CSS文件：
<!-- templates/my_template.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Page</title>
<!-- 引入CSS文件 -->
<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
</head>
<body>
<h1>Welcome to My Page</h1>
<!-- 页面内容 -->
</body>
</html>确保你的Django项目已经正确设置了STATIC_URL和STATICFILES_DIRS（或STATIC_ROOT，如果你打算在生产环境中收集静态文件）。这样，当你访问相关页面时，浏览器将加载并应用static/css/styles.css中定义的样式。
评论已关闭