Wie kommt das CSS ins HTML?

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