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:
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: