Aufbau der CSS-Style:

Die CSS Styles beginnen immer mit einem Selektor, mehr Selektor werden durch Komma getrennt.
Anschliessend folgt eine geschwunge Klammerpaar {}, in dem die Attribute definiert sind.
Das Attribut gefolgt von einem Doppelpunkt, dann folgt die Definition.
Am Ende musst du es mit einem Semikoler abschliessen ;

Das Klammerpaar bekommst du wenn du Alt Gr 7 { Alt Gr 0 }

body, td, th {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
}

Wir wollen einen Externe CSS Datei erstellen, wir nennen sie "meine.css"

Erstellen vorher bitte noch eine Neue leere Webseite und speichere sie dir mit einen Namen ab.

Wir klicken auf Datei >Neu > CSS


Eine leeres Dokument öffnet sich.

Das Dokument heisst Ohne_Titel_1.css


Wir wollen das Dokument nun einen Namen vergeben. Klicke Speichern und vergebe einen Namen.css z.B. meine.css oder so.

In meinem Dokumnet schreibe ich zuerst einen Kommenta.
Unter >Bearbeiten >Codeansicht Kommentar einfügen.
Ein Kommentar fängt immer so an /* */

Dazwischen kannst du z.B. etwas schreiben.
Ich habe in der ersten Zeile diesem Kommentar verfasst.
/* Copyright Anita Conrads*/
/**URL: http://www.homepage-basteln.de*/



Wir wollen nur einfach ein Wort und das Klammerpaar schreiben.

Für Neulinge die kein CSS können ist es einfacher denn Ihr könnt dann wiederum den EW-Editor verwenden.

Schreibe in offne mein.css Datei dies rein,
body {
}

Das ist schon alles speichern.




So nun öffne deine neue Webseite du du eben erstellt hast.

Meine heisst webseite3.htm

Nun klicke auf Stylesheet einfügen


Suche dir in dein Web deine meine.css, du möchtest es in der Aktuellen Webseite einfügen.

Klicke auf OK und es wird in deiner Webseite unter head eingefügt.


Und schau mal in der Formatvorlage.


Das kennen wir ja schon von der Interne CSS.

Markiere Body rechts Maustatste Formatvorlage ändern.
Dein EW Edtor oben siehst du das du den body bearbeiten möchtest.
Deine Url zeigt wo deine *.css Datei liegt.


Wir definieren jetzt die font-family die Schriftart, die Schriftgöße und die Schriftfarbe.
Klicke dann auf Hintergrund


Wähle im Hintergrund eine Farbe


Du kannst immer in der Vorschau erkennen welche Hintergrundfarbe und welche Schriftart sowie Größe du genommen hast.

Klicke jetzt auf übernehmen ok und schau in der meine.css was er gemacht hat.



Was er dir vorher in der interne geschrieben hat, schreibt er dir jetzt in der externe Datei ist doch cool oder?

Also keine bange vor css in einfachen Schritten kommt Ihr auch ans Ziel.

Wenn du jetzt eine weitere Webseite erstellst und du möchtest gerne den gleichen HG Schriftart usw. dann übernehme deine *.css Datei in deinen anderen Webseiten und siehe da, es wird automatisch alles übernommen. Meine Erfarung die ich gemacht habe mit CSS ich habe viel weniger Arbeit. Wenn ich jetzt z.B. ein andere Farbe, andere Größe nehmen möchte, brauche ich nicht in jeder Webseite einzugreifen, sondern nur in der css Datei umzuändern. Es wird dann Automatisch in jeder Webseite die Hintergundfarbe und die Größe geändert.

Hier kann ich Euch eine sehr gute css Webseite empfehlen. Klicken