html - 将css文件连接到html

标签 html css path

当我将我的 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(我知道我的电脑真的很旧)。关于我做错了什么有什么建议吗?如果我把它打得很糟糕,请原谅我,因为这是我发布的第一个问题,我对编码还很陌生。

最佳答案

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

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

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

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

关于html - 将css文件连接到html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52582832/

相关文章:

html - Flex 元素在 Chrome 和 IE11 中重叠

html - CSS 定位和重叠

java - 如何设置Homebrew安装的Java路径?

javascript - JS/HTML5 WebSocket : Connect without HTTP call

html - 如何在文本溢出后显示文本 :ellipsis

javascript - 如何使用 <form> 标签和 JavaScript 更改 "dummy"登录的 <div> 标签的可见性?

html - css pdf 页面 - 标题与内容重叠

html - Materialize css改变背景颜色

macos - 如何从目录 : macOS zsh 中删除或修剪 $PATH 变量的一部分

python - python 在 bash 中可以像这样吗?