スキルテスト: スタイル設定の基本

このスキルテストの目的は、あなたがウェブフォームへのスタイル設定の記事を理解したかどうかを評価することです。

メモ: このページのインタラクティブエディターや、CodePenJSFiddleGlitchなどのオンラインエディターで解決策を試すことができます。

もし行き詰まったら、コミュニケーションチャンネルのいずれかに連絡してみてください。

スタイル設定の基本 1

基本的なフォームのスタイル設定はかなり自由な形になっており、最終的に何をするかについてはかなり柔軟性があります。しかし、CSS で以下の要求を満たすことを目指してください。

  1. フォント、パディング、マージン、サイズ設定の一貫性を持たせるために、何らかの軽量な「リセット」を追加してください。
  2. その上で、入力フィールドとボタンに一貫性のある素敵なスタイル設定を追加してください。
  3. 何らかのレイアウト技術を使用して、入力フィールドとラベルがきれいに並ぶようにします。

この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。