Dúvida Básica de JSF

Pessoal,

Estou desenvolvendo um tutorial simples de jsf e estou com uma dúvida que é a seguinte: Como tratar os links para páginas jsf da aplicação?

Meu web.xml está assim:

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/rws/rwsIndex.xhtml</welcome-file>
    </welcome-file-list>

O site é aberto com a url http://localhost:8080/TestePrimeFaces/ onde chama a página definida no welcome-file-list do web.xml.

Na página, meu css é referenciado assim:

<link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
<link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />

O problema é que quando eu chamo o link direto http://localhost:8080/TestePrimeFaces/faces/rws/rwsIndex.xhtml ele perde as referências do css.

Se eu mudo a referência do css para /resources/css/default.css, na hora que abre pelo endereço defautl (sem o caminho completo) perde as referências do CSS.

meus css estão na pasta default WEB-INF\resources\css.

Como devo implementar essas referências? Devo me basear no caminho real da página? Se sim, como fazer quando o caminho real não for utilizado (no caso da página default da aplicação)?

É uma dúvida boba (eu sei), mas como não usei jsf ainda quero ter certeza do que estou fazendo para depois não ter que mudar um monte de páginas.

Obs.: Estou usando facelets e as referências aos css estão no template (que está no mesmo diretório das páginas).

Não referencie seu conteúdo estático com a tag link. Use a arquitetura do JSF para isso.

Segue um exemplo: http://uaihebert.com/?p=1596&page=3

Muito maneiro, valeu pela dica. Vou tentar implementar!!