Web

work

shop


1.0

CSS

Cascading Style Sheet // Verschachtelte Stil Seite

Vererbung

Übergeordnete Elemente vererben ihre Eigenschaften an untergeordnete Elemete zB: html -> body -> div ->span

Eine Stylesheet Sprache für strukturierte Elemente wird vor allem mit HTML und XML eingesetzt.

Man vergibt im HTML Dokument Klassen, deren Aussehen in der CSS Datei festgelegt wird Es ist auch möglich verschiedenen Ausgabemedien (Print/Web) eine unterschiedliche Darstellung zu geben.

Aufbau

CSS Kann direkt ins HTML Element geschrieben werden ...<h1 style="background: #f00;">Hallo Welt</h1> ... oder in ein eigenständiges CSS Dokument im header bereich der Seite verlinkt werden
<link rel="stylesheet" type="text/css" href="style.css">
h1 { background: #f00; }

Die wichtigsten CSS Attribute

Ausrichtung

margin
padding
border
height
width

Positionierung

display
float
position
overflow

Text

font-size
font-style
font-weight
line-height
letter-spacing
word-spacing
text-transform
text-decoration
text-align