スタイルシート覚書

見出しのスタイルを指定する。

「見出しに背景色を付ける」

background-color

見出しの背景に色をつけると、見出しを目立たせることが出来ます。
ここでは、中見出しの <h2> 要素に背景色を付けてみましょう。
中見出しに背景色を付けるには、<h2> 要素をセルクタにして
background-color プロパティを指定します。
また、背景色に濃い色を付ける場合は、文字色が背景に溶け込まないように
「白」（#ffffff) に変更しておきます。

見出しに背景色を付ける。

（画面クリックでWEB上のサイズを見てください。）

上のページの見出し部分に背景色を付けます。

<html>
<head>
<title>紙の豆知識</title>
<style type="text/css">
</style>
</head>
<body>

<h1>紙の豆知識</h1>

<h2>Ａ判とＢ判</h2>
<p>
Ａ判というサイズはドイツで生まれた、工業規格で現在は国際規格。
Ｂ判は日本独自の規格で，江戸時代の公用紙「美濃紙」のサイズに
由来するもの。日本のお役所の書類にＢ判が多いのはそのせいとか。
書道で使う「半紙」は美濃紙を半分にしたものということからそう呼ばれ
るようになりました。
</p>
<h2>紙のタテ・ヨコの比率のヒミツ。</h2>
<P>Ａ3の紙を半分に折るとＡ4に、Ａ4の紙をまた半分に折るとＡ5に成ります．
Ｂ判でも何度折っても紙は相似形のまま半分の面積に、此れは紙の
縦と横の比率が1：√２になっているから。次々に半分に折っていっても、
縦・横の比率が変わらず、紙に無駄が出ないようになっています。</P>
<h2>中性紙は保存性が高い。</h2>
<P>紙にはインクのにじみ防止のためにサイズ剤が使われています、
その時に使われる定着剤、硫酸バンドにより紙が酸性化。
長い年月の間に繊維か劣化し紙はボロボロになってしまいます。
一方中性紙は中性サイズ剤を使用しているので、繊維が酸性化
せず良い状態で長期保存できます。</P>
<h2>紙の豆知識はこれだけ？</h2>
<P>紙に付いて知りたい人は、<u><i>donbey suroomの紙の豆知識</i></u> を
見てください。<br>
<SPAN class="notes">紙の豆知識以外に紙の規格表や面白いお話もあります。
<SPAN></SPAN></SPAN></P>
<P align="center"><A href="css10.htm" target="_self"><IMG src="a_btn061.gif" width="44" height="18" border="0"></A></P>
</body>
</html>

（画面クリックでWEB上のサイズを見てください。）