Auslagern des CSS Codes | Gegen Bilderklau

Unforgettable

Hallo! (:
Also vorweg, ich bin ein totaler Neuling und habe keine Erfahrung auf dem Gebiet. Wir sollen eine HTML Webside erstellen, am besten mit CSS Code.
Damit ich die Übersicht bewahre, wollte ich den CSS Code auslagern, aber irgendwie geht das nicht.

Ich gehe nach der Anleitung auf dieser Seite:
http://www.html-seminar.de/stylesheets_in_html_einbinden.htm

Ich habe jetzt wie dort beschrieben die Datei design.css erstellt und die Startseite index.

Code im index:

Zitat:

<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>index</title>
<link href="design.css" type="text/css"
rel="stylesheet">
</head>

Code im design.css

Zitat:

<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>design.css</title>
h1 {
color:red;
background-color: black;
}
</head>

Eigentlich müsste h1 ja nun Rot sein und Schwarz hinterlegt, ist es aber nicht (ist nur ein einfaches Übungsbeispiel für mich, die eigentliche Seite besitzt dann natürlich andere Codes, aber wenn ich es selbst an dem einfach Beispiel nicht hinbekomme, wird das anders nie was)

Ja, würde mich über Hilfe freuen (:

LG

EDIT: Fehler gefunden, aber eine neue Frage:
Wie wandelt man .txt ind .css um?

Nivea

Hey, versuch einfach die .txt in .css umzubenennen ... dürfte wohl schon reichen.

Ausserdem ist deine css-Datei etwas.. zu voll.
Ausgehend von deiner oben geposteten index.html müsste deine css-Datei nur so aussehen:

code:
1: 2: 3: 4: 5: 6:	h1 { color:red; background-color: black; }

Das HTML-Gedöns drum rum brauchst du garnicht. Es ist wirklich nur CSS in der CSS-Datei.