As folhas de estilo em cascata permitem definir uma aparência e comportamento
consistente em todo o Web site, mantendo o conteúdo (páginas da Web) e
o design (a folha de estilo) separadamente.
Para criar uma nova folha de estilo em cascata:
- Crie um projeto da Web estático ou dinâmico se ainda não
o tiver feito.
- No Explorador de Projetos, expanda o projeto e clique com o botão direito do mouse na
pasta WebContent ou em uma subpasta sob WebContent. Note
que se você escolher qualquer outra pasta na qual deseja criar o arquivo CSS, ela
não será incluída no arquivo WAR implementado no servidor.
- No menu de contexto, selecione . A janela Nova Folha de Estilo em Cascata será exibida
com a pasta selecionada
- Digite um nome de arquivo no campo Nome de arquivo, certificando-se de incluir
uma extensão css no nome do arquivo.
- Existem várias opções para continuar:
- Para aceitar os padrões associados a um novo arquivo CSS, selecione Concluir.
- Para utilizar um arquivo de modelo para o conteúdo inicial do arquivo CSS,
selecione Avançar. A janela Selecionar Modelo CSS será exibida.
Selecione a caixa de opções Utilizar Modelo CSS e, em seguida, selecione
um dos modelos de amostra. Você também pode selecionar o link Modelos CSS
para incluir ou remover modelos HTML na lista de modelos.