Question

我无法在HTML中链接到CSS，但路径是正确的。我已经尝试了一切，即使是魔法也没有帮助。

HTML路径为romanchenko_test_task/templates/hello.html
CSS路径为romanchenko_test_task/static/first-style.css

hello.html的：

<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="/static/first-style.css">
    </head>
    <body>
        <p> Hello world </p>
    </body>
</html>

第一style.css文件：

body {
     background: blue;
     color: white;
 }

Answer 1

您的相关链接不正确。

您的两个文件夹路径是：

romanchenko_test_task/templates/hello.html
romanchenko_test_task/static/first-style.css

因此，要离开templates文件夹，您需要使用../

上升1级

尝试：

<link rel="stylesheet" type="text/css" href="../static/first-style.css">

Answer 2

谢谢大家。

<link rel="stylesheet" type="text/css" href="../static/first-style.css">

正在将CSS链接到HTML。我的问题是我忘了为静态文件（* .css）编写处理程序，因此龙卷风（python框架）无法识别它们。

Hendlers应该看起来像：

handlers=[(r'/', MainHandler)],
    template_path=os.path.join(os.path.dirname(__file__), "templates"),
    static_path=os.path.join(os.path.dirname(__file__), "static"),
    debug=True)

Answer 3

您正在调用CSS的目录不正确。您应该使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="test">test</div>（整个目录）来调用它。

无法链接到HTML中的CSS

3 个答案: