2013-02-28 219 views
1

我一直在使用HTML和外部CSS文件处理项目。链接工作得很好,当我在Mac上做adobe dreamweaver时,但我通过Dropbox将两个文件发送回家,而且CSS似乎并没有链接到html文件。我相信我已经拿到了文件路径和一切权利,但只是为了确保:样式表链接失败HTML/CSS

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

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

+0

该html文件是否位于包含桌面目录的目录中? – 2013-02-28 10:11:16

+0

尝试'/ desktop/Styllesheet.css' – sadaf2605 2013-02-28 10:11:50

+0

转到您的css文件所在的位置,右键单击并选择属性。将会有一个名为“位置”的字段,它将为您提供文件的路径。检查它们是否匹配。 – slamborne 2013-02-28 10:12:02

回答

2

这是怎么链接的作品href属性,

假设您的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,并且您的css文件可能存储在桌面上。

现在我假设你只是简单地将你的html和css放在你的桌面上,这不是好的做法,因为你可能会将这些文件移回到学校。因此,我建议你把两个文件夹中,然后链接到你的CSS与

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

并且不要忘记注意大小写,是HTML是不区分大小写的,但是当涉及到链接外部文件,资本化是重要的。

+0

感谢您的澄清 但是,我试图在我的桌面上创建一个文件夹,然后将我的HTML和CSS移动到此文件夹。然而,当网站打开时,stil仍然与css无关。 – user2095044 2013-02-28 10:34:27

+0

啊它的工作原理,我意识到我的css文件实际上是一个删除文件的快捷方式,所以通过下载一个新文件并将其放在与我的html相同的文件中,我能够链接2 非常感谢! – user2095044 2013-02-28 10:47:53

1

如果是在简单地设置路径相同的目录href="Stylesheet.css"

0

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

2

你的目录结构应该如下:

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

如果没有,你需要修改你的目录结构或改变在link标签