我的Css和HTML没有链接在一起,我不知道为什么

时间:2013-08-07 20:51:22

标签: html css

嘿,这是我的HTML代码,我甚至没有开始写我的网站,因为我无法连接到CSS,我不知道为什么。我正在使用Aptana studio 3 btw

<head>
    <title>blah blah blah</title>
    <link rel="stylesheet" type="text/css" href="website/style.css" />
    </head>
<body>
    <h1>blah blah blah</h1> 
    <div>Just a row of information. Yeah nothing more </div>
    </body>

我已经阅读了一些相关的问题,但没有任何帮助我。如果我读得正确,他们需要在同一根文件夹中才能正确连接?我是初学者,但我认为我不会有这么多麻烦。

2 个答案:

答案 0 :(得分:0)

我建议您在HTML文件所在的文件夹中创建一个特定的CSS文件夹。 (html&gt; css)

然后你可以像这样调用你的CSS:

<link rel="stylesheet" href="css/your-file.css" />

答案 1 :(得分:0)

它们不需要位于同一个文件夹中,但CSS确实需要处于调用它的位置。

<link rel="stylesheet" type="text/css" href="website/style.css" />

这告诉浏览器您的网站是这样设置的:

wwwroot (or whatever folder the site is in)
 |_ index.htm (or whatever the page you pulled the above code from)
 |_ website
    |_ style.css

如果您要使用相对URL(就像您提供的代码一样),那么您需要确保路径相对于您的链接所在的文件是正确的。

如果这会变得有趣......那么你可能会更好地为CSS文件提供一个完全限定的URL,例如:

<link rel="stylesheet" type="text/css" 
                  href="http://www.example.com/folderwithcss/style.css" />

注意:

  • 并不严格需要换行符,只要可以避免,我就不会在答案中侧面滚动。
  • 请不要使用名为“folderwithcss”的文件夹...只需使用“css”或“resources”或类似的内容,具体取决于你在那里做什么/不要扔的东西。