Speedcube.de Forum

Normale Version: Style Sheet CSS
Sie sehen gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Ich hab mal mit CSS ein Stylesheet gebastelt, hab vor einer halben Stunde angefangen CSS zu lernen. WIe findet ihr das (abgesehen vom Inhalt)?
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>
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 ^.^
ich finds gut aber das is schon zu weit für mich XD hab schon seid n paar monaten nix mehr gemacht XD
Ich werd später vielleicht mal ein Design erstellen, aber nicht heute^^
1. Ich würd mir von Anfang an angwöhnen ein externes Stylesheet zu benutzen und dann einfach in die jeweiligen Pages includen.
2. Trotz CSS formatierst du die Schrift mit html Dodgy (wie wärs mit klassen etc.?, nur h1 in css)

Sonst ist es eben ganz der Anfang und nicht wert zu posten^^ sry

unlim
Ich kann das bei mir im Editor nicht als html speichern?
Editor, speichern unter, rechts unten anstatt txt.-Datei Alle Dateien auswählen.
(13.05.2010, 14:46)unlimreal schrieb: [ -> ]2. Trotz CSS formatierst du die Schrift mit html Dodgy (wie wärs mit klassen etc.?, nur h1 in css)
Werd ich beim nächsten mal beachten, danke.
Sieht ja schon cool aus. Smile
Aber irgendwie ist das rot sehr grell...
Und unten fehlt mir ein Button: Welches Bild? Big Grin
Der Schmetterling... Ach shit, ihr müsst noch ein Bild runterladen, scheiße^^" (lol hab zuerst scheißê gepostet^^)
[Bild: butterflyc.gif]

Uploaded with ImageShack.us
Rechtsklick auf das Bild, Speichern unter, dann in den gleichen Ordner speichern, wo ihr die html-Datei habt. Dann sollte es funktionieren^^
und dann noch von "butterflyc.gif" in "butterfly.gif" umbenennen, halt das c wegschneiden.