Django HTML模板CSS样式不生效问题排查求助

核心错误：link标签type属性配置错误 #

你的<link>标签里type属性的值写错了，应该是text/css，而不是varaustiedot/styles.css。浏览器依赖这个属性识别资源类型，错误的类型值会导致浏览器忽略样式文件加载。

修正后的link标签：

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

额外排查点 #

如果修正后仍不生效，检查以下内容：

• 静态文件位置：确认style.css放在项目的static根目录下，或者settings.py中STATICFILES_DIRS配置的目录内。
• Django静态配置：确保settings.py里已正确配置：

  STATIC_URL = '/static/'
  # 如果使用自定义静态目录，添加下面一行（Django 3.1+）
  STATICFILES_DIRS = [BASE_DIR / "static"]
  

• 浏览器网络请求：按F12打开开发者工具，切换到Network标签，刷新页面查看style.css的请求状态：
  • 若显示404，说明静态文件路径配置错误，查看页面源码中href属性的实际URL是否指向正确文件。

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