我无法将我的CSS链接到HTML

时间:2017-11-21 11:31:09

标签: html css django

我通过查看这个网站尝试了很多东西,但我找不到一件事。 当我尝试在我的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;
&#13;
&#13;

5 个答案:

答案 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文件夹位于同一位置?

<强>记住,

  • CSS与引用它的文件位于同一目录中吗?
  • CSS是否位于目录目录下?
  • CSS是否位于目录上方

相对路径

以下是您需要了解的相关文件路径:

  • 以&#34; /&#34开头;返回根目录并从那里开始
  • 以&#34; ../"开头;向后移动一个目录并从那里开始
  • 以&#34; ../../&# 34开头;向后移动两个目录并启动 那里(等等......)
  • 要继续前进,只需从第一个子目录开始并保持 前进

这就是说,

修改链接元素

<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>