Question

我尝试过以各种方式调用CSS但没有任何作用。这里有四种不同的方式......当我进行测试时，我复制了style.css文件，因此在与XML代码相同的文件夹中有一个，并且CSS文件夹中有一个。两者都有相同的内容。

<?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;}

Answer 1

检查此How to include cascading style sheets (CSS) in JSF

关键是将css放在项目的资源文件夹中

CSS不能在JSF中工作 - 我做错了什么？

1 个答案: