Django项目中CSS样式无法在HTML模板中生效问题求助

我正在开发一个电商项目网站，已将CSS文件链接到基础模板，但外部CSS样式未生效，不过内联样式可以正常工作。以下是相关配置信息：

配置详情 #

settings.py #

STATIC_URL = "static/"
STATICFILES_DIRS = [ os.path.join(BASE_DIR,"static"),]

基础模板中的CSS链接代码 #

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

custom.css代码 #

body{font-family: 'Roboto',
sans-serif;
background-color:#D3D3D3;
}
.text-center{
font-family:roboto;
}
.card-title{
font-weight:bold;
font-family:'Roboto',
sans-serif;
}
/*footer*/
.foot{
background-color:blue;
 position:fixed;
 bottom:0; left:0;
 height:10px; width:100%;
}

h2{
font-family:'roboto',sans-serif;
}
/*cart-icons*/
.custom_icon{
margin:7px;
font-size:20px;
color:blue;
}
/*invoice*/
.inv{
display:block;
}

urls.py（cart应用） #

from django.urls import path
from cart import views

app_name='cart'

urlpatterns=[
    path('cart_view',views.cart_view,name='cart_view'),
    path('add_cart/<int:p>',views.add_cart,name='add_cart'),
    path('add_cart/<int:p>',views.add_cart,name='add_cart'),
    path('minus/<int:p>',views.minus,name='minus'),
    path('delete/<int:p>',views.delete,name='delete'),
    path('order',views.order,name='order'),
    path('invoice',views.invoice,name='invoice'),
]

项目结构 #

解决方案 #

1. 修复CSS链接语法错误：模板里的type="text/csss"多了一个s，必须改为type="text/css"，这是样式无法加载的直接原因。
2. 加载静态文件标签：在基础模板最开头添加{% load static %}，否则{% static %}标签无法被Django解析。
3. 验证静态文件路径：确认static/css/custom.css文件确实存在于项目中，且STATICFILES_DIRS配置的路径正确指向项目根目录下的static文件夹。
4. 检查网络请求状态：打开浏览器开发者工具（F12），切换到“网络”面板，刷新页面查看custom.css的请求状态。若返回404，说明文件路径配置有误，需重新核对。
5. 清除浏览器缓存：强制刷新页面（Ctrl+F5），避免浏览器缓存旧资源导致样式不更新。

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