Meu primeiro CSS \o/

Para este tutorial nós iremos utilizar a Folha de Estilo Interna.

Passo a passo

Abra o arquivo index.html em um editor de texto. (O arquivo index.html foi criado há alguns capítulos atrás)

Antes da tag body digite:

<head>
 <style>
   body {
     background-color: gray;
     border: 2px solid black;
   }
   h1 {
     color: green;
     font-size: 50px;
   }
 </style>
</head>

Salve o arquivo.
Abra o arquivo em um browser.
Voilá, seu HTML agora está estilizado e deve estar parecido com:

Vamos deixar mais bonito?

Mude a cor de fundo para uma do seu gosto, mude a cor do seu nome e da sua idade.

Dica:

Para resolver o problema do texto aparecer com caracteres estranhos, adicione abaixo da tag de abertura <head> o seguinte código:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Este código faz com que o browser exiba os textos utilizando o padrão utf-8.