morten schrieb:
Wo ist dein Problem? Versteh ich nicht ganz
Vielleicht ist das Problem, das nicht jeder so ein Überflieger der
Materie ist wie Du? Und wenn schon Tipps, dann bitte ausführlich:
@dry:
Normalerweise werden die CSS-Eigenschaften in einer externen Datei definiert, welche dann in die HTML-Dateien eingebunden wird. Dies hat den Vorteil, dass man durch das ändern einer Datei alle anderen ebenfalls beeinflusst. Die externe Datei wird mit folgendem Code, welcher in den <head></head>-Tag der Dateien muss, eingebunden:
<head>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
</head>
Hinweis: style.css gibt den Namen der Datei an in welcher die
Eigenschaften definiert werden.
Nun muss man die Datei style.css erstellen.
Man kann nun für besteimmte Elemente, wie beispielsweise die <h1></h1>-Tags, eigene Formate definieren. So kann man beispielweise einstellen, dass der Text der in h1 dargestellt werden soll immer rot sein soll.
Dies geht wie folgt: Man schreibt in die CSS-Datei folgenden Code:
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color:#FF0000 }
Mit diesem Code wird der gesamte Text zwischen <hi>und</hi> in der Schriftart Verdana bzw. Arial bzw Helvetica - aber auf jeden Fall sans-serif, in der Schriftgröße 20px und der Farbe rot dargestellt.
Gleiches kann man auch mit den anderen Tags wie h2, h3, b, i, u machen.
Außerdem besteht mit CSS die Möglichkeit die Links zu definieren. Dies geht wie folgt:
a:link {color:#CCCCCC; text-decoration:underline;}<!--Eigenschaften für Link-->
a:visited {color:#99A0AF; text-decoration:none;}<!--Eigenschaften für besuchten Link-->
a:hover {color:#99A0AF; text-decoration:none;}<!--Eigenschaften für Hover-Effekt des Links-->
a:active {color:#99A0AF; text-decoration:none;}<!--Eigenschaften für aktiven Link-->
Diese Eigenschaften können wieder an jede Seite angepasst werden.