で、２つのwebページを開いて比べてみてくだされ。どうかのぉ？




教授の嘘つき！test.htmlの見出しのスタイルシートに挑戦！の字は、小さくなってますよ？



ふぉっふぉっふぉ♪それでいいのぢゃ！






どういいんですかあ？前のより大きくなってるはずなんでしょぉ？



それはぢゃな。その指定は、「通常の」文字サイズを基準としておるんぢゃ。
大見出しの文字は、最初から大きくなっておるから小さくなってしまったんぢゃ。
ほれ、普通の文字の「テストページ」よりは大きいぢゃろ？



そう言われればそうですけど・・・なんか騙されたような？



あんまり人を疑うのはよくないぞい。
いいかの、　1.5em　というのは、通常サイズの１．５倍の大きさを指定という意味ぢゃ。つまり、何も指定しなくてもそのページに表示される文字の大きさの１．５倍ぢゃ。
1.5のところをいろいろ変えてテストしてみてくれ。
　　　　　　150%とかでも指定はできるぞい。同じ意味ぢゃからの。

それから、その他にも、pt(ポイント）やpx（ピクセル）でサイズを指定もできるんぢゃが、これはサイズそのものを指定する意味になる。二つともcmやmと同じ大きさを表す単位記号と覚えておいてくれ。どの場合も半角で記入するんぢゃぞ。
　

なるほど・・・つまり、em　や　%　は、文字の通常サイズを基本にして、指定した数値で変化させ、　ptやpx　は、文字そのもののサイズを指定するということですね？


うむ。そうぢゃ。
たとえば、そうぢゃのぉ・・・・ページ全体といっても、今は文章は「テストページ」だけぢゃが、ページ全体の文字の大きさでも指定してみるかの？
style3.cssのbodyの指定の中に、青文字のところを追記してくだされ。
　　　　　例のごとく全文コピーペーストでもいいぞい。


おっと、pxは、cssでは使えるが、htmlに直接書いてサイズ指定はできないようぢゃ。
（今やってみたらpxでの指定は無視されていた）
なので、この際、pt（ポイント）に統一しておこうかのぉ？
もちろんpxもcssなら使えるんぢゃが。ま、そこのところも踏まえてテストしてみてくだされ。（表内の6ptを6pxに、or数値を変えてみる等）

ぎゃあっ！見出しの文字もちっこくなっちゃいましたよーーー！




そりゃそうだろうて。bodyで指定されたものが基本ぢゃからの。
しかし、ちゃ〜〜んと見出し文字は、基本の1.5倍くらいの大きさには表示されておるぢゃろ？


そ、そうですけどね〜・・・・。
教授ったら、遊ばないでくださいよーーー！



遊ぶのも大切ぢゃぞ。そんぢゃ、bodyのフォントサイズは、10pt　くらいにして、h1（大見出し）のサイズを　1.5em　でなく、20ptとか、あれこれして遊んで（テストして）みてくだされや。
さてと、大幅にお昼休み過ぎてしまっておるからのぉ・・・・今日は、ちと中途半端ぢゃがここまでぢゃ。
ということで、本日の分を「前編」とし、また後日「後編」として補足するとしよう。
ふぉっふぉっふぉ。



一応、今回の最終webページはこうなってます。
次回、もう少し続きをやりたいと思ってます。
質問、間違いなどのつっこみ、訂正指摘など、BBSへお気軽にどうぞ。