やさしいホームページ入門
カラーコード / サイトについて / リンク集 / お問い合わせ
ホーム > CSS入門 > 外部からの読み込み
外部読み込みのメリット
例えば、同じスタイルシートを使ったページが複数あるとします。少しでもスタイルシートを変えるとなると、すべてのページを編集しなければいけません。
しかし、外部からスタイルシートを指定すると、1つのスタイルシートのファイルを変えるだけで、複数のページのスタイルを変えることができます。
指定方法
スタイルシートを記述したファイルを作っておきます。拡張子は.cssとなります。
body { background-color : black; }
CSSファイルは↑のように、コメントなどは必要ありません。このファイルをページで読み込むには、以下のように書きます。
<head>
 <title>外部から読み込む</title>
   <link rel="stylesheet" type="text/css" href="test.css">
</head>
↑のように記述することで、外部からスタイルシートを読み込むことができます。これを複数のページに記述し、編集するときはCSSファイルを変えるだけでとても便利になると思います。