我正在做一个网站，我试图找到一种方法来链接我的CSS文件，这是在其他文件夹中，但我不知道如何做到这一点。在这一刻，我得到了它在同一文件夹中的HTML代码。也是一样的链接JS作为CSS，因为我需要链接到。
bqjvbblv1#
如果当前文件夹为/current/folder/location/index.html，而.css文件位于/current/second/folder/style.css中，则使用以下示例：
/current/folder/location/index.html
.css
/current/second/folder/style.css
<link rel="stylesheet" type="text/css" href="../../second/folder/style.css">
或者替代地：
<link rel="stylesheet" type="text/css" href="/current/second/folder/style.css">
但是，如果第二个文件在'/current/folder/second/style. css中，则使用：
<link rel="stylesheet" type="text/css" href="../second/style.css">
n3schb8v2#
您可以使用html <link>标记中的相对路径在文件夹结构中导航例如
<link>
<link href="../css/main.css" type="text/css" rel="stylesheet">
我将向上移动一个文件夹（../），然后选择css文件夹中的main.css
pvabu6sv3#
要从html文件链接到css文件，<link>标记与一起使用1.一个text/css的type
text/css
type
stylesheet
rel
href
<link href="ADDRESS_OF_CSS_FILE" type="text/css" rel="stylesheet">
CSS文件的地址为：*绝对路径（文件在计算机上的完整路径，例如包括**C：**驱动程序）
<link href="C://unneccessary/toType/folders/myProjectFolder/myStylesFolder" rel=...>
假设这是您的目录结构
/Desktop /myProjectFolder index.html /myStylesFolder my_styles.css
您将<link>标签放在index.html中，而index.html放在/myProjectFolder中，因此link标签的当前文件夹为myProjectFolder。你必须告诉浏览器：
index.html
/myProjectFolder
link
myProjectFolder
/StylesFolder
my_styles.css
你告诉浏览器这样做：
href="./myStylesFolder/my_styles.css"
浏览器将./理解为当前目录，将../理解为当前目录的父目录，在本例中：/Desktop
./
../
/Desktop
wlzqhblo4#
把这个放在index.html中的head目标中
<head> <link rel="stylesheet" href="myfile.css"/> </head>
如果文件位于其他文件夹中，则必须使用../myfile.css或../../myfile.css。../引用父文件夹
../myfile.css
../../myfile.css
t3irkdon5#
无需添加如下路径：E:\Naruto\css files\new.css.相反，在<link>中添加一个类似\css files\new.css的路径。
E:\Naruto\css files\new.css
\css files\new.css
zqry0prt6#
我假设你有一个“项目”名称文件夹。里面你有“html”，“CSS”和“脚本”名称文件夹。你想连接“style.css”从CSS文件夹到“index.html”的html文件夹，为该类型：在上面的标签中，属性显示：第一个正斜杠“/”：查看上一个文件夹。CSS：文件夹名称。第二个正斜杠“/”：查看CSS文件夹. style.css：文件名。
6条答案
按热度按时间bqjvbblv1#
如果当前文件夹为
/current/folder/location/index.html，而.css文件位于/current/second/folder/style.css中，则使用以下示例：或者替代地：
但是，如果第二个文件在'/current/folder/second/style. css中，则使用：
n3schb8v2#
您可以使用html
<link>标记中的相对路径在文件夹结构中导航例如
我将向上移动一个文件夹（../），然后选择css文件夹中的main.css
pvabu6sv3#
要从html文件链接到css文件，
<link>标记与一起使用1.一个
text/css的typestylesheet的rel值href是css文件的地址。CSS文件的地址为：
*绝对路径（文件在计算机上的完整路径，例如包括**C：**驱动程序）
<link href="C://unneccessary/toType/folders/myProjectFolder/myStylesFolder" rel=...><link>标记放入其中的html文件的路径。）假设这是您的目录结构
您将
<link>标签放在index.html中，而index.html放在/myProjectFolder中，因此link标签的当前文件夹为myProjectFolder。你必须告诉浏览器：
/StylesFoldermy_styles.css文件你告诉浏览器这样做：
浏览器将
./理解为当前目录，将../理解为当前目录的父目录，在本例中：/Desktopwlzqhblo4#
把这个放在index.html中的head目标中
如果文件位于其他文件夹中，则必须使用
../myfile.css或../../myfile.css。../引用父文件夹t3irkdon5#
无需添加如下路径：
E:\Naruto\css files\new.css.相反，在
<link>中添加一个类似\css files\new.css的路径。zqry0prt6#
我假设你有一个“项目”名称文件夹。里面你有“html”，“CSS”和“脚本”名称文件夹。你想连接“style.css”从CSS文件夹到“index.html”的html文件夹，为该类型：
在上面的标签中，属性显示：第一个正斜杠“/”：查看上一个文件夹。CSS：文件夹名称。第二个正斜杠“/”：查看CSS文件夹. style.css：文件名。