如果我使用整个路径名,我的CSS将只链接到我的HTML页面!为什么?

时间:2013-03-07 20:44:43

标签: html css filepath

如果我尝试使用cssstyle2.css || fifastream1.0 / cssstyle2.css或甚至%fifastream1.0%/ cssstyle2.css将我的CSS链接到我的HTML页面,它将不会在网页上显示任何CSS。 (FF,IE,Chrome)。我之前已经将我的CSS页面上传到stackoverflow,显然它很好。

显然,如果我只能让我的网页“正常”在我的驱动器上工作,那就不好了。所以,任何想法,为什么FF,IE或Chrome无法拿起我的CSS?

作为一个完整的初学者,现在已经工作了几个星期了。如果有人能找到答案,那将是很有帮助的!我搜索并尝试了一切。

这是HTML中的链接(如果这有帮助的话)

<!DOCTYPE html> 
<html>

<head>
<link href="C:///*****/******/Desktop/FifaStream1.0/cssstyle2.css" rel="stylesheet"  type="text/css" media"screen"/>
<title> Fifa Stream </title>
</head>

<body>

2 个答案:

答案 0 :(得分:1)

当所有内容都在同一个折叠中时,您应该使用以下内容:

<link href="cssstyle2.css" rel="stylesheet"  type="text/css" media"screen"/>

如果您的CSS文件位于不同的文件夹中,请使用:

<link href="folder/cssstyle2.css" rel="stylesheet"  type="text/css" media"screen"/>

如果您的CSS文件是html文件上方的一个目录,请使用:

<link href="../cssstyle2.css" rel="stylesheet"  type="text/css" media"screen"/>

答案 1 :(得分:0)

要进行相对引用,你的CSS需要至少在某种程度上参考。例如,如果页面位于Users / whatever / index.html中,则CSS将位于Users / whatever / css / style.css中。然后你的参考将是“css / style.css”

快速参考指南:

<!--
    ./filename or filename = same folder as page location
    ../filename = folder above that of page folder location
    /filename = root folder of project
-->

如果您的CSS文件与页面文件位于完全不同的位置,则除非您提供完整路径,否则无法找到它。