スタイルシートメモ

画像に名前をつける

画像を使用する事でページデザインのバリューエーションが増えるということで、ロゴはもちろん、大見出しや小見出しを、文字ではなく画像で表示したりすることがあります。

タイトルの横にマーク画像をつける

見出し部分の横にマークをつけて、他の部分との差別化を測りたい…。
そんな時に「border」で、■を横につけるのもいいんですが…できれば画像が使いたい…というときもありますよね。
少なくとも円は「border」では表示不可能ですし。

図や画像にキャプションをつける

画像として作成した図や表をページの中にレイアウトする時は、図や表の内容がわかりやすいようにキャプションをつけて情報を捕捉するのがオススメです。

背景に画像を表示する

背景画像を使って、ページをレイアウトすることで、ページ自体がゴージャスになったりします。
この背景画像をスタイルシートで設定することで、すぐに画像を表示・非表示できたり修正することができるので便利です。

背景を設定する上で一番重要なのは、上に乗っている文字が読めること。
背景が暗い場合は明るい文字を、背景が明るい場合は暗い文字を使用するのが基本です。