Question

当我将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（我知道我的电脑真的很旧）。关于我在做什么错的任何建议吗？另外，如果我输入错误，请原谅我，因为这是我发布的第一个问题，我对编码非常陌生。

Answer 1

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

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

编写方式试图在HTML Class Stuff文件夹中查找CSS-Files文件夹。但是，您必须首先退出HTML文件夹。

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

将CSS文件连接到HTML

1 个答案: