0
私は可能な限りあらゆる方法でCSSを呼び出そうとしましたが、何も機能しません。 ここには4つの異なる方法があります。私がテストをしている間、私はstyle.cssファイルを複製したので、XMLコードと同じフォルダに1つあり、CSSフォルダに1つあります。どちらも同じ内容です。CSSがJSFで動作しない - どうしたのですか？
<?xml version='1.0' encoding='UTF-8' ?>
<!-- <h:outputStylesheet name="style.css" library="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:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>HOME</title>
<?xml-stylesheet type="text/css" href="style.css"?>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<h:outputStylesheet name="style.css" library="css" />
<h:outputStylesheet name="css/style.css" />
<h:outputStylesheet name="css/style.css" library="css" />
<!-- <ui:insert name="codecss" /> -->
</h:head>
<h:body >
Hello from Facelets
<h:column>
<h:form>
<menu>
<ul>
<li><h:commandLink value="Novo Usuário" action="novoUsuario.xhtml"/></li>
<li><h:commandLink value="Agenda de Eventos" action="agendaEventos.xhtml"/></li>
</ul>
</menu>
</h:form>
</h:column>
<h:form class="teste">
<br />
Novo Usuário<br />
Nome:<h:inputText value="#{usuarioBean.nome}" /><br />
Login:<h:inputText value="#{usuarioBean.login}" /><br />
Senha:<h:inputSecret value="#{usuarioBean.senha}" /><br />
<h:commandButton value="OK" /> <br />
</h:form>
O usuário foi criado: <br />
Nome: #{usuarioBean.getNome()} <br />
Login: #{usuarioBean.getLogin()} <br />
Senha:#{usuarioBean.getSenha()} <br />
</h:body>
</html>
cssファイルの内容は次のとおりです。
.teste{max-width:960px;margin:0 auto;}
可能な複製をCSSを探している[方法FaceletsテンプレートのCSS/JS/imageリソースを参照するには？]（https://stackoverflow.com/questions/8367421/how-to-reference-css-js-image-resource-in-facelets-template） – BalusC