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, padding und margin.

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 Beispiel black).

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

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften

http://meiert.com/de/publications/indices/css-properties/

CSS Demonstration

http://csszengarden.com/

CSS Dateien

austausch alle > _Toufexis > CSS

Bitte den gesamten Ordner kopieren und ins eigene Laufwerk speichern!