Escrevendo CSS

Como escrever código CSS

Sintaxe

Para escrever código CSS é necessário seguir uma regra. A regra é uma declaração que possui uma sintaxe própria bem simples que define a forma com que o estilo será aplicado aos nossos elementos HTML. Você pode ver a regra a seguir:

seletor{
  propriedade: valor;
}

A nossa regra como pode ser visto é composta de três partes principais: um seletor, uma propriedade e um valor a se aplicar.

Explicando de forma grotesca o seletor nada mais é do que o nosso elemento HTML ao qual queremos aplicar a regra (por exemplo: div, body).

A propriedade é o atributo do elemento que será aplicado a regra. (por exemplo: color, font, position).

Valor é a característica que o elemento irá assumir (por exemplo: cor azul, tamanho 14 para a fonte).

Exemplificando

Vamos para um exemplo:

body{
  background-color: #000;
}

No nosso exemplo o elemento ao qual estamos aplicando a regra é o BODY este é o nosso seletor, a nossa propriedade é background-color que define a cor de fundo do documento e o nosso valor #000 qué é igual a cor preta.