トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの使い方

タグに直接書いていく場合
全体 <font style="○○">あああああ</font>
指定 スタイルシートは大体のタグに記述することが可能です。
記述方法は、<タグ style="○○">という風に、タグの横に記入していきます。
○○の部分にはスタイルシートの効果を記入していきます。複数指定する場合は、スタイルシートの最後を ; で終わらせて、そのまま続けて書いていきます。
よく利用されるのは<div></div>、<span></span>などがあります。
これらのタグはそのままだと効果が見られないのですが、スタイルシートと組み合わせることで生きるタグになります。
効果 タグにはない効果を使える。 まとめて指定するのに便利。
例１ <font style="font-size:12px;">サンプル用の文字</font>
結果 サンプル用の文字
例２ <b style="color:#ff0000;">サンプル用の文字</b>
結果 サンプル用の文字
例３ <i style="font-size:14px; color:#1144ff;">サンプル用の文字</i>
結果 サンプル用の文字
例４ <input type="text" value="あああ" style="background-color:#ffdddd;">
結果
解説 色んなタグにスタイルシートを反映することが可能です。 例１ではフォントタグ、例２では太字タグ、例３ではイタリックタグに反映しています。 タグにスタイルシートを反映させると、タグの効果とスタイルシートの効果が両方反映されます。特定のタグの効果を消すことも可能です。
スタイルシートはタグではできない細かいこともできるようになっています。例えば例４のフォーム内の背景色など。文字の大きさとか、余白の量とか そういう細かい指定もできます。ホームページを作る上で大変必要になってきます。

→ タグに直接書いていく場合　 → head内に記入する場合　 → 外部ファイルを用意する場合


▲上に移動