Testen Sie Ihre Fähigkeiten: Styling-Grundlagen

Das Ziel dieses Fähigkeitstests ist es, zu prüfen, 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.

Wenn Sie nicht weiterkommen, können Sie sich über einen unserer Kommunikationskanäle an uns wenden.

Styling-Grundlagen 1

Unsere Beurteilung des grundlegenden Formularstylings ist ziemlich frei und Sie haben viel Flexibilität in Bezug auf das, was Sie letztendlich hier tun. Aber Ihr CSS sollte darauf abzielen, die folgenden Anforderungen zu erfüllen:

  1. Fügen Sie eine Art leichtes "Reset" hinzu, um Schriftarten, Abstände, Ränder und Größen zu Beginn konsistenter zu machen.
  2. Fügen Sie darüber hinaus ein schönes, konsistentes Styling für die Eingaben und den Button hinzu.
  3. Verwenden Sie eine Art Layout-Technik, um die Eingaben und Labels sauber auszurichten.

Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.