13.05.2010, 13:32
Ich hab mal mit CSS ein Stylesheet gebastelt, hab vor einer halben Stunde angefangen CSS zu lernen. WIe findet ihr das (abgesehen vom Inhalt)?
Wie ihr es von mir kennt: In Editor einfügen, als html-Datei speichern, öffnen mit..., Browser auswählen.
Verbesserungsvorschläge sind auch erwünscht ^.^
Code:
<html>
<head>
<title>CSS</title>
<style type="text/css">
body {
background: #ff0000 url("butterfly.gif") no-repeat fixed 50% 50%;
}
h1
{
color: #00ff00;
}
</style>
</head>
<body>
<h1>Diese Überschrift wird grün angezeigt.</h1>
<font color=#0000ff><b>Und diese Seite wird rot angezeigt, jedoch die Schrift blau und fett. Jetzt scrollt mal runter!</b></font>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<font color=#0000ff><b>Na, hat sich das Bild mitbewegt?</b></font> <br />
<input type="button" value="Ja." onClick="alert('Gut!');" /> <input type="button" value="Nein." onClick="alert('Lüg nicht so unverschämt!');" />
</body>
</html>
Verbesserungsvorschläge sind auch erwünscht ^.^