Testen Sie Ihr Können: Styling-Grundlagen
Das Ziel dieses Fähigkeitstests ist es, festzustellen, ob Sie unseren Artikel Styling von Webformularen verstanden haben.
Hinweis: Sie können Lösungen in den interaktiven Editoren auf dieser Seite oder in einem Online-Editor wie CodePen, JSFiddle oder Glitch ausprobieren.
Falls Sie nicht weiterkommen, können Sie sich an uns über einen unserer Kommunikationskanäle wenden.
Styling-Grundlagen 1
Unsere grundlegende Formular-Styling-Bewertung ist ziemlich frei gestaltet, und Sie haben viel Freiheit, was Sie hier umsetzen. Ihr CSS sollte jedoch die folgenden Anforderungen erfüllen:
- Fügen Sie eine Art leichtes "Reset" hinzu, um Schriften, Abstände, Ränder und Größen zu Beginn konsistenter zu gestalten.
- Darüber hinaus fügen Sie ein schönes, konsistentes Styling für die Eingabefelder und den Button hinzu.
- Verwenden Sie eine Art von Layout-Technik, um die Eingaben und Beschriftungen sauber auszurichten.
Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder einem Online-Editor zu arbeiten.