将css文件连接到html答案

【问题标题】：connecting css file to html将css文件连接到html
【发布时间】：2019-03-06 01:47:31
【问题描述】：

当我将我的 css 文件放在与我的 html 文件所在的文件夹不同的文件夹中时，我遇到了让我的 css 文件链接到我的 html 代码的问题。我试图研究如何输入正确的文件我的css文件的路径，但它似乎仍然不起作用。当 css 文件与我的 html 文件位于同一文件夹中时，它确实有效。以下是我如何让代码正常工作：

HTML：

<!DOCTYPE  html>
    <html lang="en">
    <head>  
        <meta charset="UTF-8">
        <title>Connor Rice</title>
        <link rel="stylesheet" type="text/css" href="Together-1.css"/>
    </head>

    <body>

代码持续时间更长，但我认为它与之后的内容无关。这是我的 HTML 文件所在的位置：

/Users/connorrice/Desktop/CodingStuff/HTML Class Stuff/ConnorRice.html

我的 CSS 文件在这里：

/Users/connorrice/Desktop/CodingStuff/HTML Class Stuff/Together-1.css

我正在尝试将 html 代码更改为此

<!DOCTYPE  html>
<html lang="en">
<head>  
    <meta charset="UTF-8">
    <title>Connor Rice</title>
    <link rel="stylesheet" type="text/css" href="CSS-Files/Together-1.css"/>
</head>
<body>

这是我将文件 css 文件移动到的位置（HTML 文件在同一个位置）

/Users/connorrice/Desktop/CodingStuff/CSS-Files/Together-1.css

我认为我输入了正确的语法，但它不起作用。我在 2011 年推出的 macbook pro 上使用 mac 0s sierra 版本 10.12.6（我知道我的电脑真的很旧）。关于我做错了什么的任何建议？如果我写的很糟糕，请原谅我，因为这是我发布的第一个问题，而且我对编码很陌生。

【问题讨论】：

<link rel="stylesheet" type="text/css" href="http://your-domain/CSS-Files/Together-1.css"/> 设置会正常加载

标签： html css path

【解决方案1】：

要访问您放置 CSS 的文件夹，您的样式表 href 应该是：

href="../CSS-Files/Together-1.css"

按照您编写它的方式，您正在尝试在 HTML Class Stuff 文件夹中查找 CSS-Files 文件夹。但是，您必须先退出 HTML 文件夹。

这就是您在路径开始时使用../ 的目的。

【讨论】：

非常感谢您的工作！ .. 是一个总是意味着上一个文件夹的约定吗？或者，如果您要上一个级别，是否需要添加更多点？
是的，这是上一个文件夹的惯例。如果你需要上两层，你可以输入“../../”等等
您可以在这里找到所有path computing rules。 Web 使用 Unix（表中第一个）。