Olá A melhor pratica seria via um arquivo separado , pois , além da melhor organização do projeto, a folha de estilo externa traz ainda as vantagens de manter nosso HTML mais limpo e do reaproveitamento de uma mesma folha de estilos para diversos documentos.

Exatamente como o João Vitor disse, é importante que separe o conteúdo da formatação.

Além de poder reaproveitar o CSS, terá maior facilidade para atualizar a folha de estilos em múltiplas páginas. :)

O ideal é, sempre: separar estrutura/conteúdo (HTML), formatação/estilo (CSS) e, mais pra frente, comportamento/interação (JavaScript).

Como já foi dito, separado é melhor.

Pense no seguinte, seu site provavelmente tem mais de uma página, porém em todas elas existe elementos em comum, como por exemplo um banner, rodapé, menu, entre outros. Se você colucar o CSS na tag, terá que reproduzir em todas as páginas a mesma informação.