我一直在研究一个带有HTML和外部CSS文件的项目。当我在Mac上的adobe dreamweaver上做这个时,链接在学校工作正常,但我通过Dropbox将这两个文件发回家,并且css似乎没有链接到html文件。我相信我有文件路径和一切正确,但只是为了确保:
<link rel="stylesheet" type="text/css" href="Desktop/Stylesheet.css" />
我也尝试从文件目录中删除“Desktop /”位,但它仍然无法正常工作。我的索引文件和Css文件都在我的桌面上。我正在使用Windows。相同的代码在学校工作,所以我相信它可能与文件位置有关。 请帮忙 提前致谢
答案 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属性,而不是手动输入路径。