CSS/Tutorials/Einstieg

Einstieg in  CSS

* {
  color: red;
  margin: 1em;
}

Stylesheets für HTML und SVG

Mit Cascading Style Sheets (engl. für: mehrstufige Formatvorlagen) können Sie das Aussehen von Text und HTML-Elementen festlegen.

1. Stylesheet einbinden
   • Warum Layouts mit CSS?
   • style-Attribute
   • style-Elemente
   • Einbinden externer Dateien
2. Syntax
   • Regelsätze und Deklarationen
     • Selektoren
   • guter CSS-Stil
   • typische Fehlerquellen
   • CSS-Resets (Normalisierung)
3. Webseiten responsiv umbauen
   • Vergessen Sie den Begriff Pixel!
   • unterschiedliche Viewports
4. vom Entwurf zum Layout
   • Breakpoints: Inhalt über Design
   • relative Größen
5. Kaskade
   • Spezifität
   • important!
6. Vererbung
   • Wertvarianten

Diese Tutorial-Reihe dient als Einstieg in CSS und ist als Rundgang angelegt. Während die ersten zwei Kapitel das Warum und Wie erklären, lernen Sie in Kapitel 3, wie Sie eine Webseite mit CSS gestalten können.

Kapitel 5 und 6 erklären Kaskade, Spezifität und Vererbung; Begriffe, die einerseits zum Grundwissen gehören, andererseits schnell komplex werden. Hier kann immer wieder schnell nachgeschlagen werden!

• Einstieg in CSS
• Warum Layouts mit CSS?‎

Siehe auch

• Einstieg in HTML (Webseitengestaltung am Beispiel einer Schreinerei)
• HTML/Tutorials/Trennung von Inhalt, Präsentation und Verhalten
• Einstieg in Selektoren
• Einstieg in JavaSript
• Einstieg in SVG