1. CSS-Referenz: de.selfhtml.org
    1. Sidebar: alle Properties werden aufgelistet
  2. CSS = Design, Layout einer Webseite
  3. CSS in HTML einbinden
    1. Zentrale Einbindung in HTML
      1. <style type="text/css"> .... </style>
  4. CSS Bezeichnungen
    1. Regel für Element = Style
      1. Selektor { Property: Wert; }
      2. Bsp.: body { color: red; }
    2. Selektor
      1. Typen
        1. Typselektor
          1. body {...}
        2. ID-Selektor
          1. #wrapper {...} #kopfbereich{...}
        3. Klassen-Selektor
          1. .farbe {...}
      2. verschachtelte Selektoren
        1. Bsp.: #textbereich a {color: red}
  5. Farben und Schriften
    1. Hintergrund, Textfarben
      1. Bsp.: body { background-image: url(bilder/hintergrund.png); }
      2. Bsp.: #inhalt { background-color: #b5a689; }
      3. Bsp.: .tipp { color: white; }
      4. b5a689 = Hexadezimalzahl
    2. Property: Schriftart
      1. font-family
  6. Box (Kasten) Modell
    1. Boxmodell
    2. margin = Außenabstand
      1. Bsp.: .tipp { margin-left: 10px; }
    3. border = Rahmen
      1. Bsp.: .tipp { border-bottom: 1px dotted #323948; }
    4. padding = Innenabstand
      1. Bsp.: .tipp { padding: 5px 20px 0 20px; }
    5. Addon Firebug für Firefox
      1. hebt Box + zugehörige margin + padding Felder hervor
  7. Box in Firefox abrunden
    1. CSS3
      1. Bsp.: .tipp { -moz-border-radius: 30px; }
  8. Box schweben lassen
    1. Bsp.: .tipp { float: left; }