Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Testen Sie Ihre Fähigkeiten: CSS-Layout

Diese Seite listet CSS-Layout-Tests auf, die Sie ausprobieren können, um zu überprüfen, ob Sie den Inhalt in diesem Modul verstanden haben.

Testen Sie Ihre CSS-Layout-Fähigkeiten nach Thema

Testen Sie Ihre Fähigkeiten: CSS-Grids

Ziel dieses Fähigkeitstests ist es, Ihnen zu helfen, zu beurteilen, ob Sie verstehen, wie sich ein Grid und Grid-Elemente verhalten. Sie werden mehrere kleine Aufgaben durchgehen, die verschiedene Elemente des Materials verwenden, das Sie gerade behandelt haben.

Testen Sie Ihre Fähigkeiten: Flexbox

Das Ziel dieses Fähigkeitstests ist es, Ihnen zu helfen, einzuschätzen, ob Sie verstehen, wie Flexbox und Flex-Elemente funktionieren. Unten finden Sie vier Sets von Designproblemen, die Sie mit Flexbox lösen können. Ihre Aufgabe ist es, die Probleme zu beheben.

Testen Sie Ihre Fähigkeiten: Floats

Ziel dieses Fähigkeitstests ist es, Ihnen zu helfen, zu beurteilen, ob Sie Floats in CSS mit den Properties und Werten von float und clear sowie anderen Methoden zum Aufheben von Floats verstehen. Sie werden drei kleine Aufgaben durchgehen, die verschiedene Elemente des Materials verwenden, das Sie gerade durchgearbeitet haben.

Testen Sie Ihre Fähigkeiten: Positionierung

Ziel dieses Fähigkeitentests ist es, Ihnen bei der Bewertung zu helfen, ob Sie Positionierung in CSS mit der CSS-position-Eigenschaft und deren Werten verstehen. Sie werden an zwei kleinen Aufgaben arbeiten, die verschiedene Elemente des Materials verwenden, das Sie gerade behandelt haben.

Testen Sie Ihre Fähigkeiten: Responsives Webdesign und Media Queries

Das Ziel dieses Fähigkeitentests ist es, Ihnen zu helfen, zu beurteilen, ob Sie verstehen, wie man Media Queries verwendet, und Sie mit einer praktischen Aufgabe zum responsiven Webdesign zu bringen. Alles, was Sie wissen müssen, um diese Aufgabe zu erfüllen, wird in den Layout-Lektionen im CSS-Layout-Modul behandelt.

Siehe auch