Aus dem Kurs: CSS Grid Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.100 Kurse von Branchenfachleuten.
Was ist Flexbox?
CSS 2.1 hatte layouttechnisch nicht viel zu bieten. Eigenschaften, wie float oder display: inline-block, waren eigentlich nicht für komplexe Layouts gedacht, aber wir haben sie dafür eingesetzt. CSS 3 bietet endlich auch neue Techniken für Layouts, allen voran Flexbox und CSS Grid. Hier erhalten Sie einen kurzen Überblick über Flexbox. Flexbox ist eine Spezifikation des W3C, genau genommen eine Candidate Recommendation. Flexbox hat eine sehr gute Browserunterstützung, für manche ältere Browser müssen Sie allerdings Angaben mit Präfixen machen und auch die Angaben ein bisschen anders. Wie funktioniert Flexbox prinzipiell? Wir haben im Beispiel ein umfassendes Element, in dem befinden sich drei Absätze, die werden untereinander dargestellt. Wenn ich aber jetzt das umfassende Element zu einem Flex-Container mache, habe ich automatisch eine Anordnung nebeneinander und die Elemente werden automatisch gleich hoch. Wir haben also automatisch gleich hohe Spalten. Ich kann die Richtung ändern,…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.