1

我一直在处理一个带有 HTML 和外部 CSS 文件的项目。当我在 Mac 上的 adobe Dreamweaver 上做链接时,该链接在学校运行良好,但我通过 Dropbox 将这两个文件发送回家,并且 css 似乎没有与 html 文件链接。我相信我的文件路径和一切都正确,但只是为了确保:

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

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

4

4 回答 4

3

这就是链接的工作方式,

假设您的 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 都直接放在桌面上,这不是一个好习惯,因为您可能也会将这些文件移回学校。因此,我建议您将两者都放在一个文件夹中,然后使用

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

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

于 2013-02-28T10:25:18.700 回答
2

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

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

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

于 2013-02-28T10:13:43.757 回答
1

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

于 2013-02-28T10:11:35.300 回答
0

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

于 2013-02-28T10:13:36.517 回答