CSS - Cascading Style Sheet

Definition von CSS

CSS (Cascading Style Sheet) ist eine Möglichkeit das Aussehen von HTML-Elementen zu beeinflussen. Also die Schriftart, -größe, -farbe, die Umrandung, sowie den Abstand zwischen den einzelnen Elementen und zur Umrandung.

Es gibt drei Möglichkeiten in denen man speichern kann wie die einzelnen Elemente dargestellt werden sollen:

• externe CSS-Datei
• im "head" eines HTML-Files
• direkt im Attribut

Dabei gibt es zwei Grundsätze zu beachten:

• möglichst viele über die externe CSS-Datei anpassen, dass erleichtert spätere Veränderungen
• je dichter am Element eine Anpassung ist, desto höher die Priorität bei der Darstellung

Box-Modell

• Content: Inhalt der Box, hier erscheinen Text und Bilder (height, width)
  
• Padding: Klärt ein Gebiet um den "content" herum und erscheint transparent (top, right, bottom, left)
  
• Border: Rahmen um Content und Padding, ist sichtbar und kann verändert werden (size)
  
• Margin: Klärt ein Gebiet um die "border" herum und erscheint transparent (top, right, bottom, left)
  

Bei zwei benachbarten Elementen gilt die größere Margin. Sollte das eine Element eine margin von 20px und das andere Element eine margin von 30px haben, dann haben die beiden border einen Abstand von 30px (nicht 50px).