■昨日までの復習■

昨日までで、スタイルシートを利用して、見出しに枠を付けたり、背景に色を付けたり、テキストの大きさを変えたりしてみました。

見出しは<h1>と</h1>の間に記入します。

ちょっと補足すると。これが一番大きい見出しで、それより小さい見出しは<h2>　h3 h4 などと、どんどん数字を大きくしていきます。

たとえば第一部　第一章　第一項　のようになっているばあい、第一部（大見出し）がh1で第一章（中見出し）がh2で第一項（正味だし）がh3のように、かくと良いでしょう。

たとえば、見出しを
<h1>第一部：htmlとは？</h1>
のようにかくと、下記のように表示されます

第一部：htmlとは？

で、このまんまだと不細工なので

h1 style=""

のようにスタイルシートで文字や背景について指定することができるのです

たとえば

<h1 style="border:solid 1px #000000; border-left-width: 10px; background-color:#FFCCFF;padding:3px;font-size:14px;">第一部：htmlとは</h1>

のように書いてみると

第一部：htmlとは

こんな表示に。きのうやったのは　font-sizeでフォントの大きさを指定するというものでした。

※フォントの大きさを指定するときの留意点があるんですが。また今度

---

■今日の講義■

今日は、さらにテキストの色を替えてみましょう。

color:#CC3333;

のように書けばオッケー。カラー、コロン、色（色は左メニューのwebcolorから）と指定します。
たとえば

<h1 style="border:solid 1px #000000; border-left-width: 10px; background-color:#FF0099F;padding:3px;font-size:14px;color:#FFFFFF;">第一部：htmlとは</h1>

のように書いてみると

第一部：htmlとは

のようになります。

では、今日はこの辺で～。