Noções básicas de Regras fita em CSS3

CSS3 incorporou rregras ibbon

quais são as regras gráficas coloridas que substituíram a regra HTML padrão em muitos sites. A regra gráfico adiciona um acento para o site e faz com que pareça um pouco mais acabado. Você acessa Regras da fita Generator clicando Regras fita no menu Ferramentas web da página principal.

image0.jpg

Como criar a regra de fita em CSS3

Gerando uma fita requer que você especifique a cor e espaçamento de usar para o elemento de fita. A escolha de cor é a utilização de uma sequência gerada aleatoriamente com base em uma cor de base, ou para usar escolhas de cores específicas. O espaçamento é aleatória dentro da faixa especificada, ou um tamanho específico para cada escolha da cor.

As cores selecionadas pelo usuário e espaçamento sequência requer um pouco de cuidado extra quando você usá-los. Primeiro, certifique-se de que qualquer hexadecimal valores introduzidos são precedidos pelo sinal de libra (#) ou então a fita aparece preto quando gerá-lo. Em segundo lugar, as opções de cores que você fizer vai aparecer exatamente na sequência que torná-los na faixa de opções de saída.

Se você pretende usar a fita de forma repetitiva, criar uma seqüência e espaçamento que trabalha em conjunto. Teste mostra que um espaçamento de 26 funciona muito bem - você acabar com uma sequência, mesmo repetindo que ficará muito bem na página.

Depois de fazer suas escolhas, clique em Gerar. Fita Regras Generator irá criar uma regra de fita para você e apresentá-lo sob a forma. Você pode usar a fita como parece, ou fazer alterações para um olhar diferente. Para salvar a fita que você criou, clique direito a sua entrada na página e escolha Salvar Imagem Como no menu de contexto. Forneça um nome para a imagem e clique em Salvar para concluir a ação.

Como usando a regra de fita em CSS3

Você pode usar a imagem que contém a regra de fita em qualquer lugar você pode usar qualquer outra imagem. No entanto, a maioria das pessoas vai usar a regra de fita como parte de um estilo. O código a seguir mostra um exemplo de como você pode usar as regras fita criados por este exemplo.

Testar as regras de fita

Testar as regras de fita

Esta é a Área 1

Esta área utiliza as configurações selecionadas pelo usuário.

Esta é a área 2

Esta área utiliza as configurações aleatórias.

Você vai usar isso para criar uma regra em uma página. A página contém duas áreas. O primeiro mostra uma regra fita criada com settings- o segundo exibe uma regra fita criado usando configurações aleatórias específicas do usuário. Claro, existem infinitas possibilidades na criação de regras de fita - estes exemplos são simplesmente representativos do que você pode fazer. A saída típico deste exemplo é ilustrado abaixo.

image1.jpg

menu