Declarações

Adicionar declarações uma de cada vez é uma excelente forma de veres como funciona o CSS. Começa com regras vazias:


body {
}

html {
} 

Depois, adiciona as declarações, uma de cada vez, e vê o efeito quando abres a página no teu navegador (o «Live Preview» do Brackets é uma excelente maneira de ver isso instantaneamente):


body {
  background-color: Thistle;
}

html {
}

Isto adiciona à página um fundo de cor lilás.


body {
  background-color: Thistle;
  border: 2px solid Gray;
}

html {
}

Isto adiciona à página uma borda fina (2 píxeis), contínua (solid) e cinzenta.

À medida que fores adicionando regras, tenta modificá-las. Por exemplo, existem muitas e diferentes opções para bordas: experimenta mudar solid para dotted, ou 2px solid para 10px ridge.