Google
 

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)

sintaxe de uma regra css
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:

Nome:     

E-mail:

Comentários:



Empregos Manager Online