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 einzuschätzen, ob Sie verstehen, wie ein Grid und Grid-Items funktionieren. Sie werden mehrere kleine Aufgaben durchgehen, die verschiedene Elemente des Materials verwenden, das Sie gerade behandelt haben.

Testen Sie Ihre Fähigkeiten: Flexbox

Ziel dieses Tests ist es, zu überprüfen, ob Sie verstanden haben, wie sich Flexbox und Flex-Elemente verhalten. Unten finden Sie vier Sätze 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

Ziel dieses Fähigkeits-Tests ist es, Ihnen zu helfen, zu beurteilen, ob Sie verstehen, wie man Media Queries verwendet und Sie mit responsivem Webdesign durch eine praktische Aufgabe vertraut zu machen. Alles, was Sie wissen müssen, um diese Aufgabe zu erledigen, wird in den Layout-Lektionen im CSS-Layout-Modul behandelt.

Siehe auch