Django模板链接外部CSS无效果 内联CSS正常问题排查

按以下优先级检查修复即可解决无报错但外部样式不生效的问题：

• 第一优先级：修正link标签属性错误
  你当前引入CSS的link标签用错了资源属性：src是img、script标签的资源指定属性，link标签加载样式表必须用href属性，浏览器遇到错写的src属性不会发起CSS请求，自然不会应用样式。
  原错误代码：

  <link rel='stylesheet' src="{% static 'Dashboards/student_dashboard.css' %}">
  

  修改为：

  <link rel="stylesheet" href="{% static 'Dashboards/student_dashboard.css' %}">
  

• 第二优先级：修正settings.py静态配置
  你当前STATIC_URL = './static/'的写法错误，该配置是浏览器访问静态资源的URL前缀，必须以正斜杠开头和结尾，修改为：

  STATIC_URL = '/static/'
  

  额外注意：STATIC_ROOT是生产环境执行collectstatic命令汇总静态文件的目录，开发环境不需要使用，不要把它和开发时存放静态文件的目录混为一谈。如果你有公共静态文件放在项目根目录的static文件夹下，需要额外新增配置：

  STATICFILES_DIRS = [
      os.path.join(BASE_DIR, 'static')
  ]
  

• 第三优先级：配置开发环境静态路由
  确认项目根路由文件urls.py中添加了DEBUG模式下的静态资源服务路由，否则Django不会响应静态资源请求：

  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      # 你原有的业务路由
  ]
  
  if settings.DEBUG:
      urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
  

• 第四优先级：校验静态文件路径
  确认CSS文件实际存放路径和{% static %}标签里写的路径完全匹配（Django静态文件查找大小写敏感）：
  • 如果静态文件放在dashboards应用内，路径应为dashboards/static/Dashboards/student_dashboard.css
  • 如果静态文件放在项目根目录的公共static文件夹，路径应为static/Dashboards/student_dashboard.css
    验证方式：启动服务后按F12打开浏览器开发者工具，切换到Network面板刷新页面，找到对应CSS文件的请求记录：
    • 状态码200代表资源加载成功，此时按Ctrl+F5强刷页面清缓存即可看到样式
    • 状态码404代表路径不匹配，对照请求的URL调整文件存放位置或static标签内的路径即可

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