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 Ihr Können: Flexbox

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

Testen Sie Ihr Können: Positionierung

Ziel dieses Fähigkeitstests ist es, Ihnen zu helfen, zu beurteilen, ob Sie das Positionieren in CSS mithilfe der CSS-position-Eigenschaft und ihren Werten verstehen. Sie werden zwei kleine Aufgaben durchgehen, die verschiedene Elemente des Materials verwenden, das Sie gerade behandelt haben.

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: Floats

Ziel dieses Tests ist es, Ihnen zu helfen, einzuschätzen, ob Sie Floats in CSS verstehen, indem Sie die float- und clear-Eigenschaften und -Werte sowie andere Methoden zum Bereinigen von Floats verwenden. Sie werden drei kleine Aufgaben bearbeiten, die verschiedene Elemente des gerade behandelten Materials verwenden.

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