Pessoal montei um template com folha de estilo interna.
Porém agora estou precisando colocar a folha de estilo externa.
Criei um arquivo com extensao .css e coloquei um os estilos, mas a pagina não carrega o css.
O que será que está errado ? tenho um codigo em html puro que está funcionando !!!
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #8E969D;
}
bottom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
vertical-align: middle;
color: #8E969D;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
p.vermelho {color:#6699FF;}
Criei o arquivo .css dentro de WebContent
Na pagina eu chamo assim:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!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:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="03_cssExterno.css"/>
<title>
<ui:insert name="title">Meu Primeiro Template</ui:insert>
--- Introdução a Facelets
</title>
</head>
<body style="margin-top:0;" >
<p >Este parágrafo terá letras azuis</p>
<f:loadBundle basename="resources.ApplicationResources" var="bundle" />
Veja que estou chamando o parágrafo no codigo acima
e nada acontece…