Computer

  • Übersicht: CSS-Flexbox

    Die Flexbox (Flexible Box Layout) ist ein CSS-Modul, das für einfaches, dynamisches Anordnen von Elementen in Zeilen oder Spalten entwickelt wurde.Sie erleichtert die Erstellung von zentrierten, responsiven und gleichmäßig verteilten Layouts. 1. Grundstruktur HTML CSS 2. Hauptbegriffe Begriff Beschreibung Flex Container Das übergeordnete Element mit display: flex Flex Items Die direkten Kindelemente im Container Main…

  • Das CSS-Box-Modell

    Das Box Model beschreibt, wie Browser jedes HTML-Element als rechteckige Box behandeln und Größe, Abstände und Rahmen berechnen. box-sizing: 🟦 content-box → „Breite gilt nur für den blauen Inhalt.“ 🟥 border-box → „Breite gilt blaue, grünen und orangen Bereich.“ 1. Aufbau einer Box Jedes Element besteht (von innen nach außen) aus vier Bereichen: Ebene CSS-Eigenschaft(en)…

  • HTML-Tag <dialog> als Modal-Ersatz

    Das <dialog>-Element stellt ein modales oder nicht-modales Dialogfenster dar (z. B. Bestätigungsdialog, Formular, Hinweis). Es bietet native Methoden (show(), showModal(), close()), ein ::backdrop-Pseudo-Element und vereinfacht zugängliche Modals, wenn richtig eingesetzt. MDN Web Docs 1. Definition & Zweck 2. Grundsyntax & Attribute Attribut / Eigenschaft Bedeutung open HTML-Attribut. Wenn gesetzt, ist der Dialog sichtbar (nicht unbedingt…

garten
Tagebuch