CSS Flexbox Guide (3) HTML Tutorial deutsch Teil 17

Published: 19 February 2021
on channel: academy.of.webdesign
1,983
70

In diesem CSS Flexbox Guide deutsch beschäftige ich mich mit der Ausrichtung und dem Styling der HTML Flex-Items. Ich zeige dir wie du die Reihenfolge der Flex-Items mit der CSS Anweisung Order festlegen kannst. Du erfährst wie die Elemente mit den CSS Anweisungen Flex-Grow und Flex-Shrink wachsen und schrumpfen können. Und du lernst wie die Elemente der Flexbox mit der Anweisung Align-Self ausgerichtet werden können.

Du möchtest HTML lernen und tolle HTML Websiten erstellen?
Dann bist du hier genau richtig. Bei diesem Tutorial lernst du die HTML Grundlagen kennen.
Geeignet für absolute Anfänger. Los geht´s!

Du hast Fragen oder Wünsche? Schreib doch einfach einen Kommentar!

Inhalt:
0:00 Intro
1:20 order (Reihenfolge der Flex-Items festlegen)
4:30 flex-grow (Anwachsen der Flex-Items)
8:56 flex-shrink (Schrumpfen der Flex-Items)
11:58 flex-basis (Basisgröße der Flex-Items)
14:33 flex (Shorthand-Property für flex-grow, flex-shrink und flex-basis)
16:20 align-self (Einzelne Flex-Items ausrichten)
18:18 Zusammenfassung

Grundprinzip der Flexbox:
   • CSS Flexbox Guide (1) HTML Tutorial d...  

****
Link zu unserem HTML & CSS E-Book:
https://www.academy-of-webdesign.de/shop
Mehr Infos findest du hier:
   • E-Book zum HTML & CSS Tutorial  
****

Komplettes HTML & CSS Tutorial:
   • HTML & CSS Tutorial  

Falls dir der Kanal gefällt kannst du hier etwas spenden:
https://www.paypal.com/donate/?hosted...


Watch video CSS Flexbox Guide (3) HTML Tutorial deutsch Teil 17 online without registration, duration hours minute second in high quality. This video was added by user academy.of.webdesign 19 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,983 once and liked it 70 people.