Usando folha de estilo em cascata com o JavaServer Faces Visual Web

Consulte também

Uma folha de estilo em cascata contém uma lista de regras que especificam a aparência de todas as páginas HTML que fazem referência a ela. As configurações determinadas por uma folha de estilo incluem fontes e cores. O IDE cria uma folha de estilo padrão sob o nó nome-do-projeto > Páginas da Web > recursos, stylesheet.css, que você pode editar diretamente. Além disso, existem folhas de estilo nos arquivos de tema que se aplicam à maioria dos componentes.

Para adicionar ou alterar as regras de CSS a serem usada pelo projeto, você pode editar a folha de estilo padrão com o Editor de CSS, ou em vez disso pode adicionar sua própria folha de estilo ao projeto e fazer referência a ela. Além disso, você pode anular as configurações na folha de estilo, configurando estilos in-line para componentes, como descrito em Configurando estilos de CSS para um componente.

Para definir a folha de estilo de uma página:

  1. No clique na página.
  2. Na janela Propriedades, clique no botão de reticências (...) ao lado de Folha de estilo.
  3. Indique o nome e a localização do arquivo da folha de estilo e clique em OK.

    Por exemplo, se você adicionou um folha de estilo chamada mystylesheet.css ao projeto, você clicaria na aba URL e indicaria /resources/mystylesheet.css.

Para editar uma folha de estilo localizada no diretório resources:

  1. Na abra nome-do-projeto > Páginas da Web > recursos.
  2. Clique com o botão direito do mouse em stylesheet.css e escolha Abrir.
  3. No Editor CSS, edite a folha de estilo.
  4. Ao terminar, salve o seu trabalho escolhendo Arquivo > Salvar.
Consulte também
Sobre componentes
Sobre temas
Configurando as propriedades do componente
Tarefas de componente: referência rápida
 
Para uma introdução à CSS, visite a seguinte página da Web:
Para uma referência online ao CSS, visite a seguinte página da Web:

Notificações legais