Django项目中CSS样式表无法应用至HTML的问题求助

核心问题分析 #

直接使用本地绝对路径（C:\sprout\leaf\templates\leaf\test.css）引用CSS不符合Django的静态文件管理规范，浏览器无法从服务器正确加载资源，这是样式不生效的根本原因。另外，link标签引用样式表的正确属性是href，你之前误用的ref、src都是错误写法。

正确配置步骤 #

1. 调整静态文件目录结构
   在你的leaf应用下创建static/leaf目录，将test.css放入其中，最终路径为：

   sprout/leaf/static/leaf/test.css
   

2. 确认项目静态配置
   打开项目根目录的settings.py，确保以下配置正确：

   DEBUG = True
   INSTALLED_APPS = [
       # 保留原有应用，确保添加了'leaf'
       'leaf',
   ]
   STATIC_URL = '/static/'
   

3. 在HTML模板中正确引用CSS
   模板开头先加载静态文件标签，再用static模板标签生成正确的资源路径：

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

4. 调试验证
   启动开发服务器后，打开浏览器开发者工具（F12），查看「网络」面板，确认test.css的请求状态为200。如果仍有404错误，检查路径是否与实际文件位置完全匹配。

内容的提问来源于stack exchange，提问作者Desi Paneer