Home |
Próximo »
A Sintaxe CSS
você está estudando a sintaxe css.
O que é uma regra CSS?
Uma regra css é a menor parte de uma folha de estilos capaz de gerar algum efeito de estilização a um ou mais seletores, geralmente, elementos html.
Uma regra css é composta por três partes:
- um seletor.
- uma propriedade.
- um valor.
Confira abaixo a sintaxe de uma regra css.
seletor { propriedade: valor }
O seletor geralmente é o elemento HTML (tag).
Veja como ficaria a regra css citada acima com valores reais de um documento.
p { color: red }
O exemplo anterior apresenta uma regra css simples, formada por duas partes principais:
O seletor – é o elemento HTML (p)
A declaração – color: red
A própria declaração, também é formada por duas partes distintas, são elas:
color – é a propriedade da regra css que se deseja alterar.
red – é o valor da propriedade aplicada ao seletor, a tag (p)
Explicando os elementos:
seletor: é o elemento (tag) da marcação que receberá a estilização.
propriedade: é a característica, ou, o atributo que será definido ao seletor.
valor: Pode ser um valor numérico ex: 10px, 2em, dependendo da propriedade aplicada, ou pode ser uma "string" aplicada ao valor como uma cor, um posicionamento etc.
Observe que o seletor, geralmente uma tag HTML não está colocada entre os sinais de "maior que" (>) e "menor que" (<).
Veja também que a declaração da regra css, está colocada entre chaves e que a propriedade e o valor estão separados por dois pontos.
A regra css não é sensível à caixa, ou seja, você pode escrever suas regras com letras maiúsculas ou minúsculas, sem que isso interfira no código.
Gostou do site? Indique a seus amigos!
Home |
Próximo »
Envie seu comentário: