Html JSF/Facelets:使用<；无法识别CSS文件；h:outputStylesheet>；标签_Html_Css_Jsf_Facelets

Html JSF/Facelets:使用<；无法识别CSS文件；h:outputStylesheet>；标签

html css jsf

Html JSF/Facelets:使用<；无法识别CSS文件；h:outputStylesheet>；标签,html,css,jsf,facelets,Html,Css,Jsf,Facelets,我正在使用JSF/Facelets进行一个项目。我想在我的视图XHTML上做一些CSS更改，但在Tomcat服务器上部署web应用程序时什么也没发生。我试过很多把戏，但结果都一样总之，这里是我的“styles.css”：这是主模板“template.html”，包括“Header.html”和“Footer.html”，我在其中使用标签放置了我的“styles.css”： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

我正在使用JSF/Facelets进行一个项目。我想在我的视图XHTML上做一些CSS更改，但在Tomcat服务器上部署web应用程序时什么也没发生。我试过很多把戏，但结果都一样

总之，这里是我的“styles.css”：

这是主模板“template.html”，包括“Header.html”和“Footer.html”，我在其中使用标签放置了我的“styles.css”：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<h:outputStylesheet name="css/styles.css" />
    <!-- i've also tried this one, using the "library" attribute -->
    <!--
     <h:outputStylesheet library="css" name="styles.css" />
    -->
</head>
<h:body>
<h:panelGroup id="page" layout="block">

    <h:panelGroup id="header" layout="block">
        <ui:insert name="header">
            <ui:include src="Header.html" />
        </ui:insert>
    </h:panelGroup>

    <h:panelGroup id="container" layout="block">
        <h:panelGroup id="content" layout="block">
            <ui:insert name="content">CONTENT</ui:insert>
        </h:panelGroup>
    </h:panelGroup>

    <h:panelGroup id="footer" layout="block">
        <ui:insert name="footer">
            <ui:include src="Footer.html" />
        </ui:insert>
    </h:panelGroup>

</h:panelGroup>

</h:body>
</html>


内容

最后是我的“Main.xhtml”，其中包括模板“template.html”：

提前感谢：）

这个

（和

）需要一个

，但是你有一个

。相应地修复它

<h:head>
    <h:outputStylesheet name="css/styles.css" />
</h:head>

至于您试图使用

库

属性，请小心，在这种情况下使用

library=“css”

并不完全正确。另请参见：

在网络内容下添加资源文件夹

和内部资源创建css文件夹

然后像这样访问文件

h:outputStylesheet library=“css”name=“myNewStylesFile.css”target=“head”

在您未添加的

h:head

部分下，您可以在浏览器中验证您的css是否已加载。右键单击浏览器中的页面并查看源代码和/或按Chrome/IE9/Firebug中的F12并选中“网络”是的，我以前检查过这个，我把styles.css放在和你说的相同的路径中：WebContent/resources/css/styles.css在树中，不应该是

WebContent/resources/css/styles.css

而不是

WebContent/resources/css/style.css

，如果是合成的话，在UI中添加CSS：构图TAGI被否决，因为我认为这是垃圾邮件，它与BaluSc的答案一样，删除了单词，3年后回答。

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich" template="Template.html">
<h:body>
    <ui:define name="content">
        <h:form>
            <h:inputText title="inputText"></h:inputText>
            <h:commandButton value="OK"></h:commandButton>
        </h:form>
    </ui:define>
</h:body>
 </ui:composition>

<h:head>
    <h:outputStylesheet name="css/styles.css" />
</h:head>