拡張子 「.css」のファイルを作成する

スタイルを設定するファイル( 外部スタイル シート) を別途作成し、その設定情報を H T M L 文書から呼び出すようにすることもできます。 この方法を採れば、複数の H T M L文書に共通の スタイルを設定することが容易にできるように なります。 外部スタイルシートファイルは、スタイル設定 情報を記述し、拡張子を 「.css」 で保存します。 ここでは例として、 h1 要素に 、 「background color:yellow」を設定し、 「style.css」 という名 前で保存するものとします。

次に、呼び出す側のHTML文書では、 head内に link タグを用いて、右のように記述します。「rel=”stylesheet”」ではスタイルシートを使う ことを宣言し、「type=”text/css”」 でスタイル シートの種類が css であることを示します。 「href=”ファイルへのパス“」 という形でスタイ ルシートファイルを読み込ませます。この例で は、スタイルシートファイル 「style.css」 を H T M L文書と同一階層に置いた場合を示してい ます。

スタイルが設定される
タグで 指定した見出しの背景色を黄色に設定できます。