Como faço para utilizar códigos CSS em arquivos externos ao HTML?

Abra o Notepad, e digite o código abaixo:

H1 {color: red; font-size: 20px; font-family: verdana}
P {background: skyblue}

Salve o arquivo como exemplo1.css
Abra novamente o notepad e crie uma página HTML simples:

<html>
<head><title>Exemplo 1</title>
<link rel="stylesheet" href="exemplo1.css" type="text/css">
</head>
<body>
<h1>Exemplo</h1>
<p>Meu primeiro CSS.</p>
</body>
</html>

Salve como exemplo1.html. Abra no navegador a página HTML para ver o resultado.