Editor de CSS

Consulte também

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.

Criando uma nova 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.

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

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:

  1. A precedência superior vai para as regras adicionadas na propriedade de estilo de um componente. Essas regras sobrescrevem as regras com o mesmo nome no arquivo CSS. Adicione essas regras com o Editor de estilo.
  2. O próximo nível de precedência é o próprio arquivo CSS.
  3. O nível inferior é o tema. Por exemplo, se você souber a regra de tema que se aplica a um componente, poderá substitui-la criando uma regra com o mesmo nome no arquivo CSS.

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:

Consulte também
Sobre componentes
Propriedades de componente comum
Usando folhas de estilo em cascata

Notificações legais