CSS - Layout

In diesem Kapitel

Nachdem Sie nun einfache Formatierungen im CSS beherrschen lernen Sie, wie sie das Layout der ganzen Seite beeinflussen können.

  1. CSS für Layout ▻
  2. Responsive Design ▻
  3. Navigationsmenü ▻
  4. CSS Selektoren im Detail ▻
  5. Details zu Layout ▻

Was Sie wissen sollten

  • Ich verstehe wie media queries, flexbox und css grid funktionieren.
  • Ich weiss wie verschiedene Auflösung und verschiedene Pixeldichte der Ausgabegeräte die Gestaltung von Webseiten schwierig machen.
  • Ich kenne mit Responsive Design die aktuelle Art mit dieser Schwierigkeit umzugehen.

Was Sie können sollten

  • Ich kann an einem bestehen CSS-Layout Veränderungen vornehmen.
  • Ich kann einen grafischen Entwurf mittels HTML und CSS, flexbos und grid umsetzen.
  • Ich kann ein statisches Layout mit mediaqueries so erweitern, dass die Webseite bei wesentlich kleineren oder größeren Ausgabegeräten noch sinnvoll dargestellt werden kann.

Vertiefung