次へ→CSSの記述HTMLを書いただけの場合、各タグの表示スタイル(文字色、背景色、サイズなど)はブラウザのデフォルト定義によって決定されます。この表示スタイルを変更したい場合は、CSSを記述する必要があります。CSSはテキストファイルで、以下のような形式で記述します。...}...(上記の繰り返し)スタイルを定義したい要素(タグなど)を明示し、プロパティの名前と値の組を記述していきます。ここでは簡単にしか説明しません。詳しくはWEBなどで調べるようにしてください。スタイルを定義したい要素には以下のような記述をすることができます。」のようにタグに対して記述します。プロパティに指定可能な値には以下のようなものがあります。10.5pt文字サイズをあらわすプロパティです。サイズはピクセル単位、ポイント単位などで指定できます。blue文字色をあらわすプロパティです。文字色は#RRGGBB(いずれも16進数値)、色名などで指定できます。red背景色をあらわすプロパティです。背景色は#RRGGBB(いずれも16進数値)、色名などで指定できます。right文字の配置をあらわすプロパティです。100pxタグが占める領域の幅および高さをあらわすプロパティです。100pxタグの枠線より外側の余白をあらわすプロパティです。margin-(top|bottom|left|right)のように特定の上下左右特定の余白のみを定義することもできます。100pxタグの枠線より内側の余白をあらわすプロパティです。padding-(top|bottom|left|right)のように特定の上下左右特定の余白のみを定義することもできます。ログイン画面CSSの記述では、さきほどのHTMLファイルにCSSを書き加えてみましょう。todo.cssとします。具体的には、以下のスタイルを設定することにします。太字で濃い青色とし、余白を調整する。上下の余白を調整する。背景色を薄い青色とし、文字色を白色とし、余白および幅を調整する。ボタンをテーブル中央に寄せ、余白を調整する。HTMLファイルに対する変更HTMLファイルに対する変更点は以下の通りです。type="text/css">CSSファイルへの参照を追加。CSSファイルへの参照はlinkタグにより記述します。</tr>各要素にclass属性を追加。このclass属性に対応するようにCSSファイルを記述します。tdタグなどに無条件にスタイルを設定するのではなく、画面ごとにclass属性を用いて設定することを想定しています。CSSファイルの記述CSSファイルは以下のように記述します。}上記のファイルを適当な場所にダウンロードし、ブラウザで表示を確認してください。ブラウザには以下のように表示されます。