Definition in einer css-Datei

Will man bei einem größeres Projekt für alle Seiten das gleiche Design haben, so ist es praktisch, wenn die Styledefintionen in einer zentralen Datei erfolgt, die dann fpr alle HTML-Dokumente, die sie aufrufen gültig ist. Für dieses Dokument ist dies die Styledatei style1.css, die im Header wie folgt aufgerufen wird:

<link rel="stylesheet" href="style1.css" type="text/css">

Die Datei style1.css ist eine reine Textdatei, die folgende Definitionen enthält:


 body {background-color:#EFEFEF; margin-left: 15px}
 h1 {color:maroon; font-size:20pt; text-align:center}
 hr {color:navy}
 p {font-family:"Verdana";font-size:11pt}
 a:link     {color:green;text-decoration:none}
 a:visited  {color:yellow;text-decoration:none}
 a:active   {color:blue;text-decoration:none}
 a:hover    {color:black;text-decoration:none}

Bei den Klassen des Elementes <a> handelt es sich um sogenannte Pseudoklassen, die nicht durch einen Punkt, sondern durch den Doppelpunkt von dem Element selber getrennt werden. Die Funktionen der verschiedenen Klassen des Tags kann man sich an folgenden Links veranschaulichen:

Links zum Weiterarbeiten


zurück Startseite kein Zusatzinfo vor