如果我使用整个路径名，我的 CSS 只会链接到我的 HTML 页面！为什么？答案

【问题标题】：My CSS will only link to my HTML page if I use the whole pathname! Why?如果我使用整个路径名，我的 CSS 只会链接到我的 HTML 页面！为什么？
【发布时间】：2013-03-07 20:44:42
【问题描述】：

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

如果我只能让我的网页在我的驱动器上“正常”工作，那显然是不好的。 Soo 知道为什么 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>

【问题讨论】：

页面文件的完整路径是什么
Users/ 然后是我的用户名
您应该使用相对路径，例如/foo/bar.css
你为什么首先使用绝对路径？你的目录结构是什么样的？
尝试使用 ../cssstyle2.css ../ 为根以上的每个父级

标签： html css filepath

【解决方案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"/>

【讨论】：

【解决方案2】：

为了有相对引用，你的 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 文件与您的页面文件位于完全不同的位置，则除非您提供您必须提供的完整路径，否则可能无法找到它。

【讨论】：

我试过了，但没用。因此，将所有内容放在同一个文件夹中，包括 html、图像和 css 文件等。但是当我尝试链接它们时，它没有/不会工作。除非我使用完整路径名？
这确实有效，它是基本的 HTML。您是否认真地否决了我的回答？
顺便谢谢你的帮助，我知道这就是为什么它不起作用真的很奇怪，连我的导师都不明白。
只是为了澄清......您的页面是.../Desktop/FifaStream1.0/index.html（或类似名称）并且您的CSS是.../Desktop/FifaStream1.0/cssstyle2.css？这些是正确的文件名吗？
成功了！最后！我放了 ./cssstyle2.css，它现在可以在每个浏览器中使用。我不知道为什么我的导师一开始就没有这样做！但是非常感谢！