Um guia rápido para o CSS Valor Definição Sintaxe

As especificações CSS, criadas pelo World Wide Web Consortium (W3C), definir os valores de sintaxe e possíveis de todas as propriedades CSS. Para fazer definições tão precisa quanto possível, o W3C usa um sistema formal chamado sintaxe de definição de valor CSS.

Embora a sintaxe de definição define possíveis valores muito precisamente, lendo a sintaxe que definições de valor CSS são escritos em pode ser difícil sem uma chave. Na realidade, porém, lendo tais sintaxe é bastante simples. Por exemplo, aqui está a sintaxe para o valor da propriedade de atalho margin:

[  |  | auto] {1,4}

E aqui são usos válidos de propriedade margin:

margin: 0px; margin: 1px 10% -margin: 1px 0px auto-margin: 0px 1px 1px 0px;

Mesmo se você não sabe o que a propriedade de margem ou cada um destes exemplos faz, você pode descobrir como ler a definição de sintaxe só de olhar para a definição e, em seguida, analisar os exemplos.

Aqui está um guia rápido para leitura sintaxe de definição de valor CSS:

  • Quando uma palavra-chave aparece sem citações, isto indica que a palavra deve ser usada como é, tal como no caso do auto palavra-chave no exemplo acima.

  • tipos de dados CSS básicos aparecem entre lt; e>. Por exemplo,,, e são tipos básicos que são definidas noutro lugar. Quando você vê um desses tipos, você sabe que qualquer valor válido na esse tipo de dados pode ser usado.

  • Quando você vê duas ampersands juntos (), isso significa que os valores separados por este símbolo são ambos obrigatória, mas, eles podem aparecer em qualquer ordem.

  • Os colchetes ([]) os valores do grupo em uma só.

  • Valores separados por || são opcionais. No entanto, um deles deve aparecer, e eles podem aparecer em qualquer ordem.

  • a | personagem significa que as opções são exclusivos - exatamente um deles deve aparecer.

  • O asterisco (*) indica que um valor de zero podem aparecer, uma vez ou várias vezes.

  • O sinal de mais (+) significa que um valor pode aparecer uma ou várias vezes.

  • O ponto de interrogação (?) Indica que um valor é opcional. Se ele aparece, ele só pode aparecer uma vez.

  • Quando você vê, isso significa que um valor de comprimento fixo, como 10px é permitido.

  • Quando você vê, isso significa que um valor de porcentagem, como 10 por cento é permitido.

  • Quando você vê os números entre parênteses, como {1,4}, isso indica que a propriedade deve aparecer o número de vezes especificado pelo primeiro número. No entanto, pode aparecer como muitas vezes como indicado pelo segundo número. No caso de {1, 4}, a propriedade deve aparecer uma vez, mas podem aparecer até quatro vezes.

  • O símbolo # indica que um valor pode ser repetida uma vez ou várias vezes. Cada valor deve ser separado por uma vírgula.

menu