Kurzer Rückblick - Warum CSS?

1993: Nur Struktur

Die allererste Version des Web kannte gar kein CSS. Eine Webseite bestand nur aus HTML - reine Struktur, keine Gestaltung:

<html>
  <body>
    <h1>Das Studium</h1>
    <p>
      Studienziel ist es, breit gefächerte technische und kreative Kompetenzen
      zu vermitteln...
    </p>
  </body>
</html>

Der Browser hat das mit seinen eigenen Standard-Styles dargestellt - keine Schriftwahl, keine Farben.

1994: Browser erfinden HTML-Tags fürs Design

Es gab noch kein Stylesheet-Format. Also hat Netscape eigene HTML-Tags nur für die Darstellung erfunden. Andere Browser haben das übernommen:

<html>
  <body>
    <h1><font face="Arial" color="blue">Das Studium</font></h1>
    <p>
      <font size="+1">S</font>tudienziel ist es, breit gefächerte technische und
      kreative Kompetenzen...
    </p>
  </body>
</html>

Ab ~2001: CSS als eigenes Stylesheet

Erst mit CSS wurde die Trennung möglich, die heute selbstverständlich ist: HTML bleibt bei der Struktur, ein externes Stylesheet übernimmt die Gestaltung.

<head>
  <link rel="stylesheet" href="fh.css" />
</head>
<body>
  <h1>Das Studium</h1>
  <p>
    Studienziel ist es, breit gefächerte technische und wirtschaftliche
    Kompetenzen...
  </p>
</body>

h1 {
  font-family: Arial;
  color: blue;
}

Warum das besser ist:

Zusätzliche Gestaltungsmöglichkeiten, die reines HTML nie hatte
Einheitliche Gestaltung über beliebig viele Seiten hinweg: eine Datei ändern, überall wirkt’s
Arbeitsteilung: Wer Inhalte schreibt, muss sich nicht um Farben & Schriften kümmern - und umgekehrt