Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

CSS/Tutorials/Ausrichtung

Aus SELFHTML-Wiki
< CSS‎ | Tutorials
Wechseln zu: Navigation, Suche

Informationen zu diesem Text

Lesedauer
4x30min
Schwierigkeitsgrad
mittel
Vorausgesetztes Wissen
Grundkenntnisse in
• HTML
• CSS

Der Kurs Einstieg in CSS bietet die ersten Schritte in der Gestaltung von Webseiten.

Dieser Kurs baut darauf auf und behandelt die Positionierung und Ausrichtung von Elementen mit CSS. Er soll die wichtigsten Eigenschaften an best practice-Beispielen vorstellen und helfen, typische Anfängerfehler zu vermeiden.

  1. display und position
    • Block oder inline? - inline-block!
    • der Elementfluss
    • top, right, bottom und left
    • absolute Positionierung
    • fixer footer
  2. float und clear
    • Positionierung mit float
    • clearfix
  3. Inhalte zentrieren
    • Flexbox
    • ältere Varianten
  4. variable Elemente nebeneinander
    • mit Flexbox
    • mit Grid Layout
    • Page-floats



Ausrichtung mit CSS
(Übersicht)

Hinweis

Die hier vorgestellte Positionierung mit display, position und float dient der Ausrichtung einzelner Elemente im Elementfluss.
Eine Gestaltung von Webseiten mit diesen Methoden ist heute eher unüblich. Stand der Technik ist eine Umsetzung mit Flexbox oder dem Grid Layout: