別ファイルに記述する

例． <{color:blue}>

ＨＴＭＬの基本文型も何も書かず別のテキストファイルに例のように記述して拡張子「．ｃｓｓ」で保存します。

例． <LINK rel="stylesheet" type="text/css" href="style.css">

☆ ソース ☆

<html>
　<head>
　　<title>スタイルシート<title>
　<head>
<LINK rel="stylesheet"
type="text/css"
href="style.css">
<body>
　<H1>ようこそ</H1>
</body>
</html>

ＣＳＳで保存したものをＨＴＭＬファイルで読みかむようにします。
読み込みの設定は、ヘッダ部分にＬＩＮＫタグを用いて上図のように記述します。

・「rel="stylesheet"」でスタイルシートを使うことを宣言します。

・「type="text/css"」の部分はスタイルシートの種類を示します。

・「href="ファイル名"」という形で保存したスタイル設定ファイル
　を読み込ませます。

■３つの方法のどれを用いても、表示効果は同じです。　Ｈ１タグで指定した部分の文字の色が青になります。

サンプル