スタイルシートの入門サイトです。-CSSファイルに書く-

スタイルシート探偵
トップページ → CSSファイルに書く
 〜 CSSファイルに書く 〜
 
最後の方法は、外部ファイル(CSSファイルに)にスタイルだけを書いたファイルを作っておき、
ブラウザ側でリンクする方法です。
この方法の場合、リンクしたHTMLファイル全てに有効で、
再利用性が高いため最も普及している方法です。
 
書式はヘッダー内に書く方法と同じですが、リンクするHTMLファイルのヘッダー内に
下記のような記述をする必要があります。

<link rel=stylesheet type="text/css" href="リンクするCSSファイル.css">

 
 
 例.H3タグ内の文字色を白にして、背景色を紫にします。
 
[外部CSSファイル](ファイル名はstyle.css)

 H3{
 color:#ffffff;
 background:#800080;
 }

[リンクするHTMLファイル]

<body>
 <H3>
 スタイルシート探偵団
 </H3>
</body>

ブラウザ上の表示...

スタイルシート探偵団

 
 
 
Copyright 2008- CSS-TANTEI All rights reserved.