无法链接到HTML中的CSS

无法链接到HTML中的CSS,html,css,Html,Css,我无法链接到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

我无法链接到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>

您的相对链接不正确

您的两个文件夹路径是:

romanchenko_test_task/templates/hello.html
romanchenko_test_task/static/first-style.css
因此,要想走出
模板
文件夹,您需要使用
。/

尝试:


调用CSS的目录不正确。 您应该使用
C:/romanchenko\u test\u task/static/first style.css(整个目录)来调用它。

谢谢大家

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

你能展示你已经尝试过的吗?这可能会在服务器上工作,但不适用于你的本地测试。斜杠总是把你带回到根上。@Jdsfighter给出的答案肯定会有用。在文件夹之前添加../将指向子文件夹的根目录。在您的例子中,/static/i.e romanchenko_test_tas的根,我使用tornado web服务器,所以当我运行“python main.py”时,我得到“WARNING:tornado.access:404 get/static/first-style.css(127.0.0.1)0.65ms”@itassitors,不,这没有帮助。或者,如果您运行的是web服务器,则会有一个文档根,然后您的原始路径应该可以工作,因为
/
将指向
romanchenko_test_task
。如果您没有安装dev web服务器,请尝试MAMP,它既快速又简单。谢谢,但它不起作用。我有404 GET/static/first-style.csi使用Linux,所以MAMP不适合。你用什么来服务你的页面?LAMP?这不是一个好的做法,因为它只能在您的个人计算机上工作,假设文件直接存储在
C://
目录中,我对此深表怀疑。
<link rel="stylesheet" type="text/css" href="../static/first-style.css">
<link rel="stylesheet" type="text/css" href="../static/first-style.css"> 
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)