链接不同文件夹中的HTML和CSS

时间:2017-08-04 17:45:10

标签: html css

我有以下文件夹结构:一个SITE文件夹,里面有一个HTML文件夹(我的index.html文件所在的位置)和一个CSS文件夹(我的main.css文件所在的位置)。

将我的css文件链接到index.html的正确方法是什么?我尝试了一些相对的路径,但我还没有把它弄好。

2 个答案:

答案 0 :(得分:7)

看起来这就是你所需要的:

SITE
|
+--- HTML
|    |
|    +--- index.html
+--- CSS
     |
     +--- main.css
<link rel="stylesheet" type="text/css" href="../CSS/main.css">

首先,您导航出当前文件夹(“..”),然后导航到CSS文件夹中。

答案 1 :(得分:1)

如果你有:

  • 您的站点文件夹
    • HTML
    • CSS

您应该可以在HEAD部分中执行以下操作: <link rel="stylesheet" href="../CSS/main.css">

这会将HTML文件中的一个文件夹上传到根文件夹,然后选择CSS文件夹,后跟main.css文件

一个很好的资源是https://www.w3schools.com/html/html_css.asp

希望这是有道理的