html - 对于 CSS 文件 --> http 状态 404 - 请求的资源不可用

标签 html css jsf-2

<分区>

我的 template.css 文件出现“http 状态 404 - 请求的资源不可用” 错误。根据我的研究,我认为这是一个引用问题。

由于错误,我的 welcome.xhtml 没有应用任何样式。

但是,我检查并重新检查,似乎没有发现任何错误。请帮忙。

这是我的Welcome.xhtml页面

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
 xmlns:f="http://xmlns.jcp.org/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
    <title>TODO supply a title</title>
    <meta name="viewport" content="width=device-width"/>
    <link  rel="stylesheet" type="text/css" href="../../CSS/templateCSS.css"/>
</h:head>

<h:body>
<!--  Rest of the code -->
</h:body>
</html>

我很确定问题出在href="../../CSS/templateCSS.css"这一行。

因为我没有足够的“声誉”,所以我无法上传照片。

已更新 我已将引用更改为:

仍然无法正常工作。文件的层次结构是:

  1. 网页文件夹
    • CSS 文件夹
      • 模板CSS.css
    • 网页文件夹
      • 模板文件夹
        • Welcome.xhtml

最佳答案

尝试了解引用外部样式表的工作原理。如果 CSS 文件与 html 文件位于同一文件夹中,则链接应如下所示:

<link rel="stylesheet" href="StyleSheetName.css" />

如果相反,CSS 文件位于与 HTML 文件包含在同一文件夹中的文件夹(例如 ABCFolder)中(即 ABCFolder 和 HTML 文件处于同一级别),则链接标记应如下所示:

<link rel="stylesheet" href="ABCFolder/StyleSheetName.css" />

现在,如果 CSS 文件位于一个文件夹(例如 XYZFolder)中,而该文件夹又包含在 HTML 文件上一层的文件夹中(即 XYZFolder 和 HTMLContainerFolder 处于同一级别,并且 HTMLContainerFolder 包含 HTML 文件),则链接标记应该是这样的:

<link rel="stylesheet" href="../XYZFolder/StyleSheetName.css" />

为了清楚起见,您始终“相对”指定相对于 HTML 文件的文件夹路径。

您也可以提供样式表的绝对路径,但相对路径更为可取。

希望这对您有所帮助。

关于html - 对于 CSS 文件 --> http 状态 404 - 请求的资源不可用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22790534/

相关文章:

javascript - Extjs Tree 如何更改子元素的文本颜色?

jsf-2 - JSF 组件中的立即=真 VS 立即=假

java - 如何以编程方式或动态地在 JSF 2 中创建复合组件

java - JSF Facelets 渲染问题

html - 如何使带有 HTTPS iframe 的页面看起来安全

HTML5 替代基于 flash 的 ZeroClipboard 以将数据安全复制到剪贴板?

javascript - 如何使用JS制作幻灯片

php - 如何防止依赖XPath的爬虫获取页面内容

html - html 中的 http 授权 header

html - 带有重叠文本的五个按钮