样式表链接失败HTML / CSS

时间:2013-02-28 10:09:29

标签: html css

我一直在研究一个带有HTML和外部CSS文件的项目。当我在Mac上的adobe dreamweaver上做这个时,链接在学校工作正常,但我通过Dropbox将这两个文件发回家,并且css似乎没有链接到html文件。我相信我有文件路径和一切正确,但只是为了确保:

    <link rel="stylesheet" type="text/css" href="Desktop/Stylesheet.css" />

我也尝试从文件目录中删除“Desktop /”位,但它仍然无法正常工作。我的索引文件和Css文件都在我的桌面上。我正在使用Windows。相同的代码在学校工作,所以我相信它可能与文件位置有关。 请帮忙 提前致谢

4 个答案:

答案 0 :(得分:2)

您的目录结构应如下所示:

  Root Directory 
  | 
  |-page.html 
  |-Desktop
      |-StyleSheet.css

如果不是,您需要修改目录结构或更改href标记上的link属性

答案 1 :(得分:2)

这就是链接的工作方式,

假设您的html文件位于名为“xyz”的文件夹中。现在链接到css时,地址与您的html文件的位置有关。所以,如果你提到

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

它会假设css文件与您的html位于同一文件夹中,而如果您将其链接为

   <link rel="stylesheet" type="text/css" href="Desktop/Stylesheet.css" />

它会假设文件夹xyz中有一个名为Desktop的文件夹,而你的css文件可能存储在Desktop中。

现在我假设您只是将html和css直接放在桌面上,这不是一个好习惯,因为您可能会将这些文件也移回学校。因此,我建议您将两者放在一个文件夹中,然后使用

链接到您的CSS
    <link rel="stylesheet" type="text/css" href="Stylesheet.css" />

并且不要忘记注意大小写,是的html是非区分大小写的,但是当涉及链接外部文件时,大写确实很重要。

答案 2 :(得分:1)

如果它位于同一目录中,只需将路径设置为href="Stylesheet.css"

答案 3 :(得分:0)

问题在于您的文件位置  如果您使用的是Dreamweaver或任何其他代码编辑器,只需浏览到文件的路径以将其插入链接href属性,而不是手动输入路径。