YouTube Playlist

Es gibt auch eine YouTube Playlist mit ergänzenden Videos zum Kurs und den Themen. Passend zum Thema:

Learn CSS in 5 Minutes | HTML5 Tutorial for Beginners (2021) by Cem Eygi Media

HTML & CSS Full Course - Beginner to Pro by SuperSimpleDev


  1. der Universalselektor * selektiert alle Elemente
  2. Es gibt css Frameworks mit einer Vielzahl vordefinierter Stylings für Klassen, die dann den HTML Elementen hinzugefügt werden können (z. B. tailwindcss).
  3. Teilübereinstimmungen mit dem Wert sind ebenfalls möglich: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Selektoren/einfacher_Selektor#Attributselektor
  4. mit der Eigenschaft box-sizing: border-box; sind padding und border mit in width und height integriert; kann mit * Selektor auf alle Elemente angewendet werden
  5. 1px soll als feine Linie erscheinen, daher die Abhängigkeit vom Abstand;
    bei Armlänge (28 inch) Abstand ist 1px = Größe eines Pixels (=Referenzpixel) auf einem 96dpi (dots per inch) Monitor (also 1/96 * 25,4mm ≈ 0,26mm); bei näherer Anzeige (z. B. Handy) kleiner, bei fernerer (z. B. Beamer) größer
  6. Bei fremd gehosteten fonts wird die IP des Webseiten Besuchers übertragen, wozu eine Einwilligung notwendig ist (Consent-Banner).
  7. unsichtbar mit Lücke: visibility: hidden; oder opacity: 0;
  8. Eine Mischform ist position: sticky; Positionierung ist relative, bis es durch Scrollen die fixed position erreicht