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:

  1. Fügen Sie eine Art leichtes "Reset" hinzu, um Schriften, Abstände, Ränder und Größen zu Beginn konsistenter zu gestalten.
  2. Darüber hinaus fügen Sie ein schönes, konsistentes Styling für die Eingabefelder und den Button hinzu.
  3. 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.