Aplicar regras CSS ao documento HTML

Existem várias formas de se aplicar regras CSS ao documento HTML. Porém, a recomendação é aplicar as regras através de um arquivo externo, indicando no documento HTML uma ligação entre ele e a folha de estilo, assim como demonstrado na imagem abaixo.

Através da tag <link /> é possível vincular um ou mais arquivos CSS ao documento HTML.

Esta forma de inclusão permite uma melhor organização do projeto. A folha de estilo externa traz ainda as vantagens de se manter o HTML mais limpo e do reaproveitamento de uma mesma folha de estilos para diversos documentos.