当我将我的 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/