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:
    

  1. seletor{
    2. 

  2.   propriedade: valor;
    3. 

  3. }
    4.
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:
    

  1. body{
    2. 

  2.   background-color: #000;
    3. 

  3. }
    4.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Demostra a noticia com ela é --> <ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-9446227258700542" data-ad-slot="8295479456"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
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.

Postagens mais visitadas