Grundlagen CSS

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

Grundlegendes

  • Cascading(=stufenförmig)
  • gängigste Stylesheet-Sprache
  • Ergänzung zu HTML (Farben, Layout, Schrift)
  • Anpassung der Darstellung (bspw. Auflösung für Bildschirm)
  • Animationen mit CSS3


Allgemeine Syntax

  • besteht aus 2 Teilen:
    • selector
    • declaration
      • property
      • value

Beispiel: Selectors.jpg

Einbinden in HTML

<style type="text/css">

[....]

</style>

Beispiel: Einbinden.jpg

Selektoren

  • CSS läuft problemlos in allen Browsern abgesehen vom Internet Explorer


Gruppieren

  • Zusammenfassen: H1, H2, H3, DIV { font-family: Arial }


  • Mit mehreren Eigenschaften:
    • H1 {
      font-weight: bold;
      font-size: 12px;
      line-height: 14px;
      font-family: helvetica
      }
  • Gruppensyntax:
    • H1 { font: bold 12px/14px helvetica }




Quellen:
Selfhtml
Bjoernsworld
html.net
css4you
w3schools.net