我通过查看这个网站尝试了很多东西,但我找不到一件事。 当我尝试在我的django项目中使用此代码时,django无法找到css。 我是新手,我正在努力做到这一点。 我为我糟糕的英语道歉。 请帮我。
body{
background-image:url(honey.jpg);
}
ul{
margin:0px; padding:0px;
}
ul li a{
text-decoration:none;
color:white;
display: block;
}
ul li{
float:left;
width: 150px;
height: 40px;
background-color: black;
font-size:15px;
line-height:40px;
text-align: center;
opacity: .7;
border:1px solid #285189;
}
ul li a:hover{
background-color: orange;
}
ul li ul li{
display: none;
}
ul li:hover ul li{
display: block;
}

<!DOCTYPE html>
<html lang="en">
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Pcelinje drustvo</a>
<ul>
</ul>
</li>
<li><a href="#">Tipovi kosnica</a><ul>
<li><a href="#">Db</a></li>
<ul>
<li><a href="#">Lr</a></li>
</ul>
</ul>
</li>
<li><a href="#">Tehnike pcelarenja</a></li>
</ul>
</div>
</body>
</html>
&#13;
答案 0 :(得分:4)
您必须在html标记上方添加{% load staticfiles %}
并替换<link rel="stylesheet" href="css/style.css">
与<link rel="stylesheet" href="{% static 'css/style.css' %}">
答案 1 :(得分:1)
请参阅此
<link rel="stylesheet" href="css/style.css">
检查CSS文件的位置。检查文件的名称。 CSS文件是CSS文件夹吗? HTML是否与CSS文件夹位于同一位置?
<强>记住,强>
相对路径
以下是您需要了解的相关文件路径:
这就是说,
修改链接元素
<link rel="stylesheet" href="{% static "style.css" %}" type="text/css" media="screen" />
或者向响应添加RequestContext应该将STATIC_URL变量加载到模板中。
尝试更改:
from django.shortcuts import render_to_response
def index(request):
return render_to_response('index.html')
为:
from django.shortcuts import render_to_response
from django.template.context import RequestContext
def index(request):
return render_to_response("index.html", context_instance=RequestContext(request))
答案 2 :(得分:0)
在与HTML文件相同的文件夹中,必须是文件夹名称:css,在此文件夹中放置.css文件。
答案 3 :(得分:0)
你必须在静态文件夹中包含style.css,在settings.py文件中添加 STATIC_ROOT 和 STATIC_PATH ,并且应该遵循@ subish建议。
答案 4 :(得分:0)
请尝试以下HTML代码。刷新:按ctrl + f5
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Pcelinje drustvo</a></li>
<li><a href="#">Tipovi kosnica</a>
<ul>
<li><a href="#">Db</a></li>
<li><a href="#">Lr</a></li>
</ul>
</li>
<li><a href="#">Tehnike pcelarenja</a></li>
</ul>
</div>
</body>
</html>