Es gibt drei Möglichkeiten, wie man CSS-Eigenschaften ins HTML einfügen kann:
Direkt im Style-Attribut des jeweiligen Tags
<p style="color: red!>Dies ist mein Absatz</p>
Dateiübergreifend in einem Style-Element
<!doctype html>
<html lang="de">
<head>
<style>
h1 {
background-color: green;
color: white;
}
p {
text-align: center;
color: green;
}
</style>
</head>
Oder als externe Stylesheet-Datei
<!doctype html>
<html lang="de">
<head>
<link rel="stylesheet" href="styles.css">
...
Nur die dritte Methode garantiert die in Trennung von Inhalt und Design beschriebenen Vorteile.
Ausführliche Infos auf selfhtml.org