Caixa de diálogo do selecionador de cor

Artigo
08/01/2011

Usado para atribuir os atributos de estilo a elementos HTML.

Para acessar esta caixa de diálogo

No Microsoft Visual Web Developer, no modo Design, selecione um controle ou elemento HTML que processa a marcação (como um Table controle ou um HTML <input> botão).
Abrir o Style Builder caixa de diálogo executando uma das seguintes ações:
- No modo de Design, selecione o controle ou elemento, clique em formatoe em seguida, clique em estilo.
- No modo Design, clique com o botão direito no controle ou elemento e clique em estilo.
- Selecione o controle ou elemento, selecione seu estilo a propriedade na janela Properties e em seguida, escolha o botão de reticências (...).
- Se você estiver trabalhando na janela de estilos do documento, selecione um elemento, um classe, ou um ID do elementoe em seguida, escolha o Build Style ícone.
- Se você estiver editando uma folha de estilo em cascata (CSS), coloque o ponto de inserção entre as chaves ({}) de um estilo CSS e escolha Build Style sobre o estilo menu.
O Style Builder abre a caixa de diálogo.
Selecione qualquer uma das guias do Style Builder caixa de diálogo que contêm um cor drop-down lista e clique no botão de reticências (…) ao lado da caixa.

O O selecionador de cores abre a caixa de diálogo.

Tasks

Passa a Passo: Criando e Modificando Arquivos CSS

UI Elements

Paleta da Web
Quando você seleciona uma amostra de cor nessa guia, seu código RGB hexadecimal aparece no campo de cores e selecionado attribute:RGBcolor par será inserida na sua definição de estilo CSS quando você fechar o Style Builder caixa de diálogo.

Por exemplo, ao editar uma página HTML no modo Design, selecione o <BODY> elemento na janela Document Outline e escolha Build Style sobre o formato menu. Selecione fundo e escolha o botão de reticências (...) ao lado do cor campo para abrir o Seletor de cores caixa de diálogo. No seu Paleta Web guia, escolha uma amostra de cor azul clara e clique em OK. Quando você fecha o Style Builder caixa de diálogo, um attribute:RGBcolor par como a seguir é inserida entre as chaves ({}) do seu BODY estilo:
```
BODY { BACKGROUND-COLOR: #99ffff; } 
```
For more information, see Guia de paleta, caixa de diálogo do selecionador de cor de Web..
Cores nomeadas
Quando você seleciona uma amostra de cor nessa guia, seu nome de cor e o código RGB hexadecimal aparecem na cor campo. Quando você seleciona um básica ou adicionais chamado color, um attribute:colorname par é inserido em sua definição de estilo CSS.

Por exemplo, ao editar uma página HTML no modo Design, selecione o <BODY> elemento na janela Document Outline e escolha Build Style partir do formato menu. Selecione fundo e escolha o botão de reticências (...) ao lado do cor campo para abrir o Seletor de cores caixa de diálogo. No Cores denominado guia, selecione o LightBlue (# add8e6) de cores na linha inferior. Quando você fecha o Style Builder caixa de diálogo, o seguinte attribute:colorname par é inserido entre as chaves ({}) do seu BODY estilo:
```
BODY { BACKGROUND-COLOR: lightblue; } 
```
For more information, see Denominado guia de cores, caixa de diálogo do selecionador de cor.
Cores do sistema
Quando você seleciona uma cor, uma categoria de cores do sistema aparece no cor campo e uma attribute:category par será inserida na sua definição de estilo CSS quando você fechar o Style Builder caixa de diálogo.

Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre as chaves ({}) de um estilo CSS para o <BODY> elemento e escolha Build Style da formato menu. Selecione fundo e escolha o botão de reticências (...) ao lado do cor campo para abrir o Seletor de cores caixa de diálogo. No seu As cores do sistema guia, selecione o fundo categoria de cores e escolha ' OK '. Quando você fecha o Style Builder caixa de diálogo, o seguinte attribute:colorname par será inserida no seu BODY estilo:
```
BODY { BACKGROUND-COLOR: background; } 
```
Dica

Quando você usa uma cor do sistema, você não especifica a cor a ser exibido.A cor de plano de fundo varia de sistema para sistema, dependendo do que a cor da área de trabalho do usuário escolheu.Em geral, você deve usar as categorias de cores do sistema somente em projetos da Web projetados para grupos de usuários que compartilham as configurações de vídeo comuns e previsíveis.

For more information, see Guia de cores do sistema, caixa de diálogo do selecionador de cor.
Cores personalizadas
Para criar uma cor personalizada, arraste os controles deslizantes para as cores primárias de vermelho, verde e azul, até que o matiz desejado apareça no visualização campo. Seu código de cor RGB, exibido na cor de campo, será inserida na sua definição de estilo CSS quando você fechar o Style Builder caixa de diálogo. Os valores decimais exibidos à direita de cada intervalo do controle deslizante de 0 (sem cor) a 255 (cor máxima); o valor padrão para cada um é 255.

Dica

Uma cor personalizada é exibida usando configurações de exibição atuais do seu monitor.Ele pode parecer diferente no monitor e o navegador da Web do usuário.Talvez você queira reservar cores personalizadas para uso em projetos da Web projetado para grupos de usuários que compartilham as configurações de vídeo comuns e previsíveis.

Por exemplo, ao editar uma folha de estilos CSS, coloque o cursor entre as chaves ({}) de um estilo CSS para um INPUT.button classe de estilo, selecione plano de fundo no Build Style diálogo caixa e, em seguida, escolha o botão de reticências (...) ao lado do cor campo para abrir o Seletor de cores caixa de diálogo. No seu Cor personalizada guia, deixe o Red e verde controles deslizantes de definir valores padrão de 255 e arraste o azul controle deslizante da esquerda para a 102. Quando você fecha o Style Builder caixa de diálogo, o seguinte attribute:RGBcolor par será inserida entre as chaves ({}) do seu estilo:
```
INPUT.button { background-color: #ffff66; } 
```
For more information, see Guia de cores personalizada, caixa de diálogo do selecionador de cor.
Color
Exibe o código hexadecimal de RGB para a cor selecionada.
OK
Fecha o Seletor de cores caixa de diálogo e adiciona selecionado attribute:color par a marcação de CSS a ser inserido quando você fechar o Style Builder caixa de diálogo.