O Editor de CSS permite que você edite o arquivo CSS (Folha de estilo em cascata) do projeto. Para abrir o editor, abra um arquivo CSS no IDE. Por exemplo, na janela Projetos, navegue para nome do projeto > Páginas Web > recursos > stylesheet.css e clique com o botão direito do mouse em stylesheet.css e escolha Abrir.
O Editor de CSS abre na área de edição coma primeira regra de CSS selecionada no painel de edição. Se você estiver familiarizado com o CSS, poderá digitar diretamente neste painel e usar as listas suspensas de auto-completar código para ajudá-lo a definir propriedades para cada regra.
Se você desejar criar uma nova regra, poderá digitar seu nome em uma linha em branco ou clicar no botão Clicar regra
na barra de ferramentas do editor para abrir o Editor de regra de estilo e obter ajuda sobre como criar a nova regra.
Para editar uma regra existente ou uma regra recém-criada, clique no painel de edição em qualquer lugar da regra. Por exemplo, clique na regra .list-header. Você possui então três opções para adicionar ou alterar as propriedades de uma regra:
Por exemplo,
.list-header e pressione a barra de espaço para ver as propriedades exibidas na lista de auto-completar código. font-family e clique duas vezes na mesma para adicionar a propriedade. sans-serif para definir essa família de fontes como o valor da propriedade. Por exemplo, para fazer algo similar ao exemplo acima,
.list-header.Arial, Helvetica, Sans-serif. .list-header na área de edição, não há uma propriedade font-family listada na janela Propriedades. Entretanto, você pode definir outras propriedades, como font-size e font-weight.Enquanto você fizer alterações nas propriedades de uma regra, poderá visualizar os efeitos das alterações no painel de visualização, que fica abaixo do painel de edição e à direita do painel Editor de estilo.
As regras no arquivo CSS seguem a ordem usual de precedência de folhas de estilo em cascata:
Para obter noções básicas sobre o CSS, consulte as seguintes páginas da Web:
Para uma referência online ao CSS 2.1, visite a seguinte página da Web: