Question

我正在建立一个网站，我正在尝试找到一种方法来链接我的CSS文件在其他文件夹中，但我不知道如何做到这一点。此时我将它与HTML代码放在同一个文件夹中。将JS作为CSS链接也是一样的，因为我需要将它链接到。
感谢。

Answer 1

您可以使用html <link>标记

中的相对路径在文件夹结构中导航

例如

<link href="../css/main.css" type="text/css" rel="stylesheet">

将向上一个文件夹（../），然后选择css文件夹中的main.css

Answer 2

如果您当前的文件夹是/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">

Answer 3

用于链接到html文件中的css文件，<link>标记用于

和href这是您的css文件的地址。

<link href="ADDRESS_OF_CSS_FILE" type="text/css" rel="stylesheet">

ADDRESS_OF_CSS_FILE 是：

绝对路径（计算机上文件的完整路径，例如包括 C：驱动程序）

<link href="C://unneccessary/toType/folders/myProjectFolder/myStylesFolder" rel=...>
或相对路径（相对于您所在的html文件的路径将<link>标记放入其中。）

假设这是您的目录结构
```
/Desktop
  /myProjectFolder
    index.html
    /myStylesFolder
      my_styles.css
```
您将<link>标记放在index.html内，而index.html位于/myProjectFolder内，因此{{>当前文件夹为{{ 1}}标记为link。

你必须告诉浏览器：
- 来自当前目录
- 转到当前目录
- 并从那里加载/StylesFolder文件
  
  你告诉浏览器这样做：
```
my_styles.css
```
  浏览器将href="./myStylesFolder/my_styles.css"理解为当前目录，将./理解为当前目录的父目录，在这种情况下：../

Answer 4

将其放入index.html中的头部目标

<head>
  <link rel="stylesheet" href="myfile.css"/>
</head>

如果您将文件放在其他文件夹中，则必须使用../myfile.css或../../myfile.css。 ../被引用到父文件夹