ＣＳＳ　－スタイルシートリファレンス－　ブラウザの種類による対応状況などもプロパティごとに掲載！

★本ページはプロモーションが含まれています★

バナーはダウンロード
してお使い下さい。

１　　外部スタイルシートを読み込む
２　　ＨＴＭＬ文書にまとめて設定する
３　　タグに直接スタイルを設定する

それぞれ適用される範囲も異なり、競合した場合の優先順位などもほぼ同じなので組み合わせて使用することも可能です。

１　　外部スタイルシートを読み込む
<link rel="stylesheet" href="スタイルファイルのURL" type="text/css">

ＨＴＭＬ文書とは別にスタイルを設定したスタイルファイルを用意し、読み込む方法です。 <head></head>内に記述します。

この方法はひとつのスタイルファイルを複数のファイルに適用させ、サイト全体に同じスタイルを適用したい場合などに有効です。複数の外部スタイルファイルを利用したい場合は必要な数だけ <link>タグによる指定を記述します。

２　　ＨＴＭＬ文書内にまとめて設定する
<style type="text/css">スタイルの設定</style>

ＨＴＭＬ文書に設定したいスタイルを記述する方法です。 <style></style>タグ内にスタイルを設定しこれを<head></head>内に記述します。記述したページでのみスタイルが有効になります。

３　　タグに直接スタイルを設定する
<◆ style="スタイルの設定">文字など</◆> ◆・・スタイルを設定したいタグ

スタイル属性を利用して、直接タグにスタイルを記述する方法です。 style属性の値としてスタイルを設定します。ページ内の特定の場所にのみスタイルを設定したい場合にのみ利用します。

ＬＩＮＫ