Linked Style Sheets

スタイルシートをリンクで組み込みます。
スタイルシートのデータを作成し、リンクで組み込むとサイトの全てのページに共通したスタイルシートを使用することができます。
スタイルシートのデータを修正するだけで指定されている全てのページを変更や訂正ができます。

スタイルシートのリンクについて

スタイルシートのリンクは、HTMLのHEADセクション<HEAD>～</HEAD>の中に、リンク構文をサンプルのように書きます。
複数のスタイルシート・データをリンクすることができます。複数のデータにリンクする場合、セレクタ名が重複しないように注意しなければなりません。重複していた場合、指定どおりに表示しない場合があります。
また、埋め込みスタイルシートとの併用もできます。

< link rel="stylesheet" type="text/css" href="file name.css" >

<html>
<head>
<title>Style Sheets</title>
<meta http-equiv="Content-Style-Type" content="text/css">

<link rel="stylesheet" type="text/css" href="sample.css">

</head>
<body>

・
・
・
・

</body>
</html>

スタイルデータの作成について

スタイルシートのデータは、スタイルブロックと同じです。
ただし、<STYLE>からは必要ありません。
作成は、メモ帳などテキストエディタで作り、拡張子にCSSと付けて「ファイル名.css」で保存します。
サンプルは、<P>タグをフォントサイズ12ポイントで文字の色が青、<B>タグを文字の色を青した場合です。
このファイルを、リンクしたページすべて、<P>タグの文字は12ポイントの青に、<B>タグを指定した部分はすべて青になります。
このデータの<P>のフォントサイズを11ポイントに変更した場合、リンクしている全ページの<P>タグのフォントサイズは11ポイントに訂正されます。

p { font-size: 12pt; color: blue; }

b { color: red; }