スタイルシート覚書

スタイルシートのみを記述した別のファイル（拡張子は通常「.css」）を用意して、
それをHTML文書に読み込んで適用させたい場合には、link 要素を使用します。
この要素は、必ず<herd>～</herd>の範囲内に配置します。
複数のファイルを読み込みたい場合には、この要素を必要な数だけ配置します。
また、複数のHTML文書で共通するCSSを纏めて別ファイルにしておき、
それを読み込んで利用するようにしておけば、CSSファイルを修正するだけで
一度に複数のHTML文書の表示方法を変更できるようになります。

[HTML]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<titel>CSSの組み込み</titel>
<link rey="stylesheet"href="http://www5b.biglobe.ne.jp/~donbey/default.css"type="text/css">
</head>
<body>.
<h1>CSSの組み込み</h1>
<p>
HTML文書にスタイルシートを組み込むには、３つの方法が有ります。<BR>
ひとつは別のファイルにスタイルシートだけを記述してそれを読み込む方法で、<BR>
後のふたつはHTML文書に直接スタイルシートを書き込む方法です。
</p>
</body>
</html>

[CSS(default.cssの内容）

body {
　　margin: 0;
　　color: #000000;
　　background: #00cc99 url(back.jpg)
}
h1 {
　　font-size: medium;
　　margin: 0;
　　padding: 0.3em;
　　color: #ffffff;
　　background-color: #000000;
p {
　　line-height: 1.8;
　　margin: 1.6em 1.6em 1em 36%
　　padding: 1em;
　　border: dotted 3px #ffffff;
}