| その１ | キーワードでフォントサイズを指定もできます | |||
１）今回も新しくwebページとcssファイルを作成するぞい。それぞれ、test4.html、style4.cssという名前のファイルを作成するからの。 まずは、htmlファイル、つまりwebページぢゃ。
ページ全体（body）の設定は前回のままぢゃ。背景色が白で、文字色が黒。 好きな色にしておいてくれてもいいぞ。 h1 { color: red; ←大見出しの文字色は赤にしたぞい。 font-size: xx-large; ←そして、この赤い部分が、文字の大きさを指定するキーワードぢゃ。 } 同様に小見出しも・・・・ h2 { color: blue; ←文字色は青にしたぞい font-size: large; ←そして、この赤い部分が、文字の大きさを指定するキーワードぢゃ。 } フォントサイズを指定するキーワードはいくつかある。 実際に変更してテストしてみてくだされ。
|
||||
| おまけ |
同じフォントサイズだから、同じ大きさに見えるはずが、 見ている人によって文字の大きさが違うって？ |
|||
|
em、%、そして、今回のフォントサイズ用のキーワードで文字の大きさを指定するときは、どれも、bodyの文字サイズを基準として大きくなったり小さくなったりしておる。 で、ここでは、bodyの文字サイズは指定しておらんから、webページで標準となっておるサイズが基準となっておる。 ぢゃが、その基準が問題での。ブラウザの「表示」のところの文字のサイズを見てもらうとわかるぢゃろうが、「最大、大、中、小、最小」とランクがある。 これは今日説明したあのキーワードとは違っておって、それぞれその人が自分のＰＣで表示させたい文字の大きさを表しておるんぢゃ。 ぢゃから、同じフォントサイズでも、見る人によって大きさが変わるんぢゃ。 つまり、文字サイズを何も指定してない標準のページでも、そのブラウザの設定によって、大きさが変わるということぢゃ。 ところが、 px や pt で設定すると、その文字自体の大きさを指定することになるから、ブラウザの文字表示の設定は無効となってしまう。  まー、どっちがいいか・・・・・画像の中に填めこもうと思うようなときは、やはりpx、ptで指定した方が、デザインの崩れはないと思うが、 目が悪くて大きな文字で普段から見ている人には、見にくいともいえるぢゃろうな。多少、文字の拡大、縮小があっても大丈夫なデザインなら、px、pt 指定でなく、 標準値から見ての大小を指定する、 em、 %、 今回のキーワードの方が見る人にとっては、やさしい配慮だとも言えるかのぉ。しかし、デザインも大事ぢゃがな。難しいところぢゃて。  はい、はい〜〜い、なんだか最後は小難しいお小言（失礼！）のような話になりましたが、今回の最終webページはこうなってます。 次回は、文字の種類を変える、文字を斜体にする、の２つをご説明しようと思ってます。 質問、間違いなどのつっこみ、訂正指摘など、BBSへお気軽にどうぞ。 |
||||
