CSS文件的相对路径

前端之家收集整理的这篇文章主要介绍了CSS文件的相对路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的 Java Web应用程序的根目录下有一个css文件夹.我的import语句如下所示:
<link rel="stylesheet" type="text/css" href="/css/styles.css"/>

样式未应用,因此我假设未正确指定css目录的路径.如何指定css目录位于Project文件夹的根目录下?

我的项目文件夹包含:

build
css
dist
nbproject
src
web
build.xml

我正在查看的html页面是index.html,显示的URL是localhost:8080 / ServletApp /

解决方法

背景

绝对:
浏览器将始终将/解释为主机名的根.例如,如果我的网站是http://google.com/并且我指定了/css/images.css,那么它会在http://google.com/css/images.css上搜索该网站.如果您的项目根目录实际位于/ myproject /它将找不到css文件.因此,您需要确定项目文件夹根目录相对于主机名的位置,并在href表示法中指定.

相对:如果要引用您知道的内容在URL上的相同路径中 – 也就是说,如果它位于同一文件夹中,例如http://mysite.com/myUrlPath/index.html和http:// mysite.com/myUrlPath/css/style.css,你知道它总是这样,你可以违背惯例并指定一个相对路径,不要在路径的前面/前面放置,例如,css / style.css中.

文件系统符号:此外,您可以使用标准文件系统符号,例如……如果您执行http://google.com/images/../images/../images/myImage.png,它将与http:/相同/google.com/images/myImage.png.如果要引用文件中某个目录的内容,请使用../myFile.css.

你的具体案例

在您的情况下,您有两种选择:

>< link rel =“stylesheet”type =“text / css”href =“/ ServletApp / css / styles.css”/>
>< link rel =“stylesheet”type =“text / css”href =“css / styles.css”/>

如果你移动一下,第一个将更具体和兼容,但是如果你打算将文件保存在同一个位置,并且你打算删除URL的/ ServletApp /部分,那么第二个解决方案更好.

猜你在找的CSS相关文章