Criando Folhas de Estilo em Cascata

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:
  1. Crie um projeto da Web estático ou dinâmico se ainda não o tiver feito.
  2. 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.
  3. No menu de contexto, selecione Novo > Outro > Web > CSS. A janela Nova Folha de Estilo em Cascata será exibida com a pasta selecionada
  4. Digite um nome de arquivo no campo Nome de arquivo, certificando-se de incluir uma extensão css no nome do arquivo.
  5. 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.