Während sich der html - code mit der Struktur einer Website beschäftigt, kann durch CSS-Styles das Design einer Website definiert werden.
CSS-Styles können, für alle Bereiche des Body festgelegt werden, Textart, Textgröße, Textfarbe, Hintergrunde der Seite und vieles mehr. Man kann es durchaus mit Formatvorlagen im Word vergleichen.
Diese Befehle können in eine CSS-Datei gepackt werden. Verknüpft man eine Webpage mit dieser Datei, können alle Stile übernommen werden.
Dadurch wird diese Website wesentlch schlanker, was die Downloadzeit verringert. Die Erstellung und Wartung einer Website wird verringert. weil man die einzelnen Webpages einer Website einfach nur mit der CSS Datei verknüpfen muss.
Will man das Design der Website verändert, ändert man einfach die CSS-Datei und alle damit verknüpften Webpages ändern sich sofort mit.

So sieht eine Verküpfung im Quellcode aus:

<link href="style_html.css" rel="stylesheet" type="text/css">

Beispiel für eine CSS-Datei: