CSS
Externes Stylesheet benutzen:
<html> <head> <title>CSS per Style Sheet einbinden</title> <link rel=”stylesheet” type=”text/css” href=”stylesheet.css” /> </head> <body> ... </body> </html>
CSS-Datei Aufbau
Jeder einzelne Stil in einem Stylesheet ist ein Selektor (manchmal auch als Regel bezeichnet). Jeder Selektor besitzt eine Menge Eigenschaften (Deklarationen), bestehend jeweils aus Eigenschaft und Wert (oder Wertemenge).
@charset "UTF-8";
/* CSS-Dokument */
/* Der body-Tag-Stil gilt für alle Elemente auf der Seite */
body {
background-color: black;
font-family: Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
}
- Die vier Deklarationen für diesen Stil sind
background-color,font-family,paddingundmargin. - Deklarationen enthalten nie Leerzeichen. Häufig werden Wörter mit Unterstrichen (_) oder Gedankenstrichen (-) anstelle von Leerzeichen kombiniert.
- Jede Deklaration hat eine Eigenschaft (zum Beispiel
background-color), gefolgt von einem Doppelpunkt (:) und einem Wert (zum Beispielblack). - Jede Deklaration endet mit einem Semikolon (;).
/* Selektor für Tags, durch Kommas voneinander getrennt, gilt für den
Stil für alle Tags */
h1,h2,h3,h4,h5,h6,p,li {
margin-left:15px;
}
Liste aller CSS-Eigenschaften
CSS Demonstration
CSS Dateien
austausch alle > _Toufexis > CSS
Bitte den gesamten Ordner kopieren und ins eigene Laufwerk speichern!