css
Was ist CSS?
CSS (Cascading Style Sheets) ist eine Stilsprache, mit welcher der strukturierte Inhalt eines HTML-Dokumentes formatiert wird. Beide Sprachen ergänzen sich also perfekt. So kann man beispielsweise die Farbe einer Überschrift ändern, eine Schriftgröße festlegen oder Abstände und Größen bestimmen. Es gibt insgesamt drei Möglichkeiten, CSS einzubinden. Zum einen über das style-Attribut, zum anderen im Kopfbereich Ihrer Homepage. Die dritte Möglichkeit wäre, eine externe CSS-Datei anzufertigen, sie auf einem Webspace hochzuladen und sie zu verlinken. Da die aber nicht direkt im Homaepage Baukasten möglich ist, werden wir alle Style-Tags im Kopfbereich abspeichern.
Die folgende Tabelle zeigt Ihnen die wichtigsten CSS-Befehle für den Homepage-Baukasten. Natürlich fehlen in dieser Tabelle weitere CSS-Befehle, aber diese sind nicht vorerst nicht von großer Bedeutung.
Übersicht der wichtigsten CSS-Befehle
CSS-Befehl |
Beispielwert(e) |
Beschreibung |
width: min-width: max-width: |
1000px; 100%; |
Breite Mindestbreite Höchstweite |
height: min-height: max-height: |
500px; |
Höhe Mindesthöhe Höchsthöhe |
padding: padding-left: padding-right: padding-top: padding-bottom: |
10px; | Innenabstand links, rechts, oben und unten Innenabstand links Innenabstand rechts Innenabstand oben Innenabstand unten |
margin: margin-left: margin-right: margin-top: margin-bottom: |
10px; | Außenabstand links, rechts, oben und unten Außenabstand links Außenabstand rechts Außenabstand oben Außenabstand unten |
float: float: |
left; right; |
Element positioniert sich links und wird rechts umflossen Element positioniert sich rechts und wird links umflossen |
position: | absolute; relative; fixed; |
Element positioniert sich durch left, right, top und bottom |