CSS文件无法关联HTML模板，路径查找失败请求解决

问题根源 #

Django不会直接从模板目录提供静态文件（CSS/JS/图片等），你把CSS放在模板文件夹的做法不符合Django静态文件管理规范，因此浏览器无法找到该文件。

具体解决步骤 #

1. 创建规范的静态文件目录
   在你的temps应用下创建static/temps目录（目录结构：temps/static/temps/），将main.css移动到这个目录中。这样做是为了避免不同应用的静态文件重名冲突，是Django的最佳实践。

2. 在模板中加载静态文件标签
   在HTML模板的最开头（<DOCTYPE html>之前）添加静态文件加载标签：

   {% load static %}
   

3. 修改CSS引用路径
   将原有的<link>标签替换为：

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

   这个标签会自动解析为Django配置的静态文件URL路径，确保浏览器能正确定位到CSS文件。

4. 确认项目静态文件配置
   检查项目根目录的settings.py，确保以下配置正确：

   # 确保INSTALLED_APPS包含必要应用
   INSTALLED_APPS = [
       ...
       'django.contrib.staticfiles',
       'temps',  # 你的应用
       ...
   ]
   
   # 静态文件URL前缀
   STATIC_URL = '/static/'
   
   # 开发环境下需开启DEBUG，Django会自动处理静态文件服务
   DEBUG = True
   

生产环境额外操作 #

如果是生产环境部署，需要运行python manage.py collectstatic命令，Django会将所有应用下的静态文件收集到STATIC_ROOT指定的目录中，再由Web服务器（如Nginx）提供服务。

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