Erstelle für jede Aufgabe eigene Klassen in der Datei style.css und wende sie auf die passenden Tags an.
📌 Dateistruktur: index.html + style.css
Reproduziere den Block. Schätze die Größe des Elternelements mit dem Auge:
#2c3e50, Maße in px#e74c3c, Maße in %Reproduziere den Block. Schätze die Größe des Elternelements mit dem Auge:
#8e44ad, Maße in px#f1c40f, Maße in %Reproduziere die verschachtelten Blöcke. Schätze die Größe des Elternelements mit dem Auge:
#16a085, Maße in px#e67e22, Maße in %Drei Kindblöcke stehen in einer Spalte und teilen sich die Höhe des Elternelements. Schätze die Größe des Elternelements mit dem Auge:
#2d3436, Maße in px#e74c3c, Maße in %#3498db, Maße in %#2ecc71, Maße in %Das Elternelement hängt vom Browserfenster ab, zwei Kinder stehen in einer Spalte. Schätze die Werte mit dem Auge:
#c0392b, Breite in vw, Höhe in vh#f1c40f, Maße in %#9b59b6, Maße in %Das Elternelement hängt vom Browserfenster ab, drei Kinder stehen in einer Spalte. Schätze die Werte mit dem Auge:
#6c5ce7, Breite in vw, Höhe in vh#e17055, Maße in %#00cec9, Maße in %#fdcb6e, Maße in %Das Elternelement richtet sich nach dem Browserfenster, das Kind nach dem Elternelement. Schätze die Werte mit dem Auge:
#00b894, Breite in vw, Höhe in vh#fd79a8, Maße in %Das Elternelement richtet sich nach dem Browserfenster, das Kind nach dem Elternelement. Schätze die Werte mit dem Auge:
#e17055, Breite in vw, Höhe in vh#0984e3, Maße in %Drei Ebenen: Das Elternelement hängt vom Fenster ab, jedes Kind hängt von seinem eigenen Elternelement ab. Schätze die Werte mit dem Auge:
#2c3e50, Breite in vw, Höhe in vh#e74c3c, Maße in %#f1c40f, Maße in %% wird von seinem direkten Elternelement berechnet!Drei Kindblöcke stehen in einer Spalte innerhalb des Elternelements. Schätze die Werte mit dem Auge:
#2c3e50, Breite in vw, Höhe in vh#e74c3c, Maße in %#f39c12, Maße in %#2ecc71, Maße in %
📌 Wichtig:
Jede Klasse wird separat in style.css geschrieben.
Verwende nur HTML und CSS.
Übe die Einheiten:
%,
vw,
vh.