Como escolher cores para sua HTML5 e CSS3 Baseado Páginas da Web
As cores podem parecer esmagadora quando se trabalha com páginas da web HTML5 e CSS3. Com um pouco de prática, e um pouco de paciência, você poderá gerenciar cores com estilo.
Menu
Comece com cores seguras para a Web
O programa webSafe.html funciona, permitindo-lhe entrar rapidamente um valor web-safe. Para tornar vermelho, pressione o botão FF na coluna vermelha. Os valores azuis e verdes têm o valor padrão de 00, de modo que o fundo é vermelho.
As cores seguras para a Web dar-lhe um monte de espaço para jogar, e eles são muito fáceis de trabalhar. Na verdade, eles são tão comuns que você pode usar um atalho. Porque as cores seguras para a Web são todos repetidos, você pode escrever um dígito repetido como um único dígito. Você pode especificar magenta como quer ou como eo navegador entende, dando-lhe uma magenta-induzindo dor de cabeça.
Para fazer um vermelho mais escuro, alterar o FF para o próximo menor valor. Se você quiser mais escuro ainda, tentar. Experiência com todos os valores de vermelho e veja como é fácil de obter vários tipos diferentes de vermelho. Se você quiser uma variação de cor de rosa, elevar os valores verdes e azuis juntos. é um cor- de-rosa empoeirado é um pouco brighter- e é uma rosa muito branca.
Como modificar suas cores
A paleta de web-safe é conveniente, mas dá-lhe um número relativamente pequeno de cores (216). Duzentos e dezesseis pastéis na caixa são bastante agradáveis, mas você pode precisar de mais. Geralmente, é para começar de forma segura com cores seguras para a Web e, em seguida, ajustar as you go. Se você quer um rosa mais claro do que, você pode saltar fora do movimento web-safe e usar ou qualquer outra cor que você desejar!
No programa webSafe.html, você pode usar o botão superior e inferior em cada linha para ajustar os ajustes para a sua cor.
Como aplicar cores em suas próprias páginas
O ponto é fazer com que as coisas ficam bem em seu Páginas. Para adicionar cor às suas páginas, faça o seguinte:
Definir o HTML como normal.
O HTML não deve ter qualquer relação com as cores. Adicionar a cor estritamente de CSS.
Inclua uma marcação para a página na área de cabeçalho.
Adicionar um seletor para cada tag que você deseja modificar.
Você pode modificar qualquer tag HTML, por isso, se você deseja alterar todos os parágrafos, adicione um seletor. Use o nome da marca, sem as chaves angulares.
Adicionar e atributos.
Especificar os valores de cores com nomes de cores ou valores de cor hexadecimais.
Como mudar o CSS na mosca
O navegador Chrome tem um truque especialmente interessante quando se trata de codificação CSS. Você pode olhar para o CSS de qualquer elemento em uma página da web e alterá-lo, vendo os resultados em tempo real!
Veja como funciona:
Criar a página da maneira normal.
Use o seu editor de texto para criar a página de base.
Adicionar seletores CSS.
Especifique o CSS para os elementos que você pretende mudar. A página emptyCSS.html no site mostra um exemplo muito simples. Você pode colocar todos os valores desejados na CSS, ou você pode simplesmente deixar o vazio CSS para agora. Se você quiser experimentar, dê uma olhada emptyCSS.html no site. Tem seletores vazias para os três elementos descritos na página.
Carregar a página no Chrome.
Os outros navegadores estão começando a desenvolver ferramentas como o Chrome, mas é claramente o líder, assim que começar com o Chrome.
Inspecione um elemento.
direita; clique em qualquer elemento e escolha Inspecionar elemento a partir do menu pop-up resultante.
Suspiro de admiração para as ferramentas disponíveis para desenvolvedores.
Mantenha-o na guia Elementos para agora.
Alterar o código HTML!
Você pode clicar duas vezes o código no visualizador de código e modificar o conteúdo. Isso é divertido, mas não permanente ou especialmente útil.
Você também pode modificar o CSS.
Se um seletor de estilo foi definido, ele aparece sob a guia na seção. Você pode adicionar novas regras de estilo ou alterar os existentes, e você será capaz de ver os resultados em tempo real.
Você ainda pode usar um seletor de cor extravagante.
Quando uma regra de cor foi definido, você verá uma pequena amostra de cor. Clique em que a cor para obter um seletor de cor agradável você pode usar.
Selecionar diferentes partes da página para modificar outras regras.
Você pode modificar o CSS de qualquer elemento, enquanto algum tipo de regra foi salva.
Copiar e colar quaisquer regras de estilo que você deseja manter.
Modificações feitas na barra de ferramentas desenvolvedor web não são permanentes. Se você encontrar cores ou outras regras de estilo que você gosta, você pode copiá-los a partir da janela do desenvolvedor e colá-los em seu código.
