Um dann deine Ursprüngliche Frage nochmal zu beantworten. Ja, wenn du CSS natürlich in einer eigenen Datei auslagerst dann ist das deutlich besser. Generell solltest du alles CSS über deine ganzen Webseiten in einige wenige CSS Dateien auslagern.

Dadurch hat man den Effekt das alle Webseiten die gleichen CSS Dateien nutzen diese vom Browser gecached werden und das HTML Markup dadurch extrem kleiner werden kann. Insgesamt ist das also ebenfalls ein guter Gewinn, neben den Gewinn von Trennung von Inhalten bzw Semantik von Layout und einer einfachen anpassbarkeit.

Daher CSS sollte schon in eigenen Dateien ausgelagert sein, und nicht Inline in HTML eingebettet oder am anfang der Datei oder ähnliches.