Compartilhar via


Novo estilo e modificar caixas de diálogo do estilo

O novo estilo e Modificar estilo caixas de diálogo oferecem opções que permitem que você define ou modificar os atributos de estilo (CSS) da folha de estilos em cascata. Um estilo CSS combina individuais de formatação e posicionamento de atributos em um conjunto de atributos que você pode aplicar tudo ao mesmo tempo.

O novo estilo caixa de diálogo é dividida em dois painéis. O painel superior permite que você selecione onde o estilo estiver definido e qual elemento ou classe de estilo é aplicado ao. Nove categorias gerais de lista do painel inferior (fonte, Block, fundo, borda, caixa de, posição, Layout, lista, e tabela). Quando você seleciona uma categoria, o painel inferior mostra as opções para a categoria selecionada. À medida que você seleciona opções de estilo, o novo estilo caixa de diálogo cria as definições de estilo CSS para você.

As opções de Modificar estilo caixa de diálogo correspondem do painel inferior do novo estilo caixa de diálogo. O Modificar estilo caixa está disponível quando você estiver editando uma folha de estilos. O novo estilo caixa de diálogo está disponível quando você estiver editando um HTML ou ASP.NET personalizada.

A caixa de diálogo Novo estilo

Para abrir a caixa de diálogo Novo estilo e definir um estilo

  1. Clique em formato no menu principal e clique novo estilo.

    O novo estilo caixa de diálogo aparece.

  2. No seletor soltar para baixo da lista, selecione um elemento HTML ou digite um nome de classe que conterá a definição de estilo.

    Um nome de classe deve ser precedido por um ponto (.).

  3. No definir em lista suspensa, selecione para definir o estilo na página da Web atual, em uma nova folha de estilos que será adicionada ao site da Web ou em uma folha de estilo existente. Estilos definidos em um página da Web atual só podem ser aplicados aos elementos dentro daquela página. Folhas de estilos externas permitem que você defina uma aparência comum para mais de uma página da Web.

    Se você selecionar uma folha de estilo existente, defina seu local no URL caixa de texto.

  4. Selecione o Aplicar novo estilo à seleção do documento caixa de seleção se desejar que o item atualmente selecionado na página da Web a ser exibido usando as propriedades de estilo.

  5. Selecione uma opção no painel esquerdo e definir os atributos de estilo CSS.

A caixa de diálogo Modificar estilo

Para abrir a caixa de diálogo Modificar estilo

  • Siga um destes procedimentos:

    • A folha de estilos no editor de atalho e, em seguida, no menu de atalho, escolha Build Style.

    • Na barra de ferramentas da folha de estilo, escolha Build Style.

    O Modificar estilo caixa de diálogo é exibida.

    As opções na caixa de diálogo são as mesmas no painel inferior do novo estilo caixa de diálogo.

Tarefas

Passo a passo: Edição em Visual Studio para formulários da Web que páginas de HTML básico

Passa a Passo: Criando e Modificando Arquivos CSS

Elementos da Interface do Usuário

Para saber mais sobre as opções para

Consulte

Fontes

Novo estilo e modificar caixas de diálogo do estilo, fonte

Planos de fundo

Novo estilo e modificar caixas de diálogo do estilo, plano de fundo

Alinhamento do texto

Novo estilo e modificar caixas de diálogo do estilo, bloco

Posição dos elementos em uma página

Novo estilo e modificar caixas de diálogo do estilo, posição

Flutuar controle, estouro, recorte

Novo estilo e modificar caixas de diálogo do estilo, Layout

Bordas

Novo estilo e modificar caixas de diálogo do estilo, borda

Margens e preenchimento

Novo estilo e modificar caixas de diálogo do estilo, caixa

Listas

Novo estilo e modificar caixas de diálogo do estilo, lista

Tabelas

Novo estilo e modificar caixas de diálogo do estilo, tabela

Consulte também

Conceitos

Trabalhando com CSS: Uma visão geral