Html css样式表路径,是否粘贴到文件本身所在的位置?

Html css样式表路径,是否粘贴到文件本身所在的位置?,html,css,file,path,Html,Css,File,Path,我在根文件夹中有一个css文件,它引用了里面的文件,相对于它的路径 例如,一个文件夹中的stylesheet.css和image.png,调用如下: background-image:url('image.png'); 当我将其附加到index.html时,如下所示: <LINK rel="stylesheet" type="text/css" href="stylesheet.css"> 。。。它可以正常加载,但如

我在根文件夹中有一个css文件,它引用了里面的文件,相对于它的路径

例如,一个文件夹中的stylesheet.css和image.png,调用如下:

background-image:url('image.png');
当我将其附加到index.html时,如下所示:

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

。。。它可以正常加载,但如果要将其附加到子文件夹的文件:

<LINK rel="stylesheet" type="text/css" href="../template_style.css">

。。。模板会加载,但实际上它会在启动它的html文件的文件夹中查找image.png,而不是从css文件本身的文件夹中查找


是否对此进行了修复?

CSS相对路径与CSS文件本身相关,而不是与加载CSS文件的页面相关

我通常将CSS文件放在/CSS中,将CSS的图像放在/CSS/images中。然后,您可以将您的图像相对如下:

background-image:url('images/image.png');

CSS相对路径相对于CSS文件本身,而不是加载CSS文件的页面

我通常将CSS文件放在/CSS中,将CSS的图像放在/CSS/images中。然后,您可以将您的图像相对如下:

background-image:url('images/image.png');
到您的
头部

使用此功能,您只需添加:

如果是域或子域,如果您的css位于公共根文件夹(
http://www.example.com/stylesheet.css

添加
到您的
头部

使用此功能,您只需添加:

如果是域或子域,如果您的css位于公共根文件夹(
http://www.example.com/stylesheet.css

如果你制作一个单独的图像文件夹,那就太棒了

background-image:url("../folder name/image.png");
如果你制作一个单独的图像文件夹,那就太棒了

background-image:url("../folder name/image.png");

啊,那我就错了。我移动的HTML文件中直接调用的文件没有加载,而CSS模板中的这些文件似乎加载得很好。我只需要修复我的HTML文件。谢谢!啊,那我就错了。我移动的HTML文件中直接调用的文件没有加载,而CSS模板中的这些文件似乎加载得很好。我只需要修复我的HTML文件。谢谢!