Die 3 Arten zur Verwendung von CSS in HMTL

Inline-CSS

Es gibt 3 Wege, wie man CSS in HTML verwenden kann. Wenn man nur ganz wenig Code braucht, kann man diesen direkt per style-Attribut einem HTML Element zuweisen.
Das sähe dann in etwa so aus:

<span style="font-size: 30px;">Grosser Text</span>

Im Head-Bereich der Seite

Will man etwas mehr CSS-Code verwenden, kann man den CSS-Code direkt in den Head Bereich der Seite schreiben mit Hilfe des style-Tags.
Das sähe dann in etwa so aus:

...
<head>
	<style type="text/css">
	.blubb {
		font-size: 30px;
	}
	</style>
</head>
<body>
 	<span class="blubb">Grosser Text</span>
</body>
...

Als eigene CSS-Datei (sinnvollste Methode für Designs!)

Die sinnvollste Methode zum einfügen von CSS-Code für ein ganzes Design ist wohl das auslagern des Codes in eine externe CSS-Datei.

style.css

.blubb {
	font-size: 30px;
}

HTML-Datei

...
<head>
	<link rel="stylesheet" type="text/css" href="style.css" media="screen,projection" />
</head>
<body>
 	<span class="blubb">Grosser Text</span>
</body>
...