このページの見出し1「Webサイトを作ろう!(CSS編)」の文字の大きさは以下のように指定しています。
h1{
font-size:180%;
}
これが100%の大きさです。この大きさを基準として、百分率で指定します。
これが200%の大きさです。
これが90%の大きさです。アクセシビリティを考慮して、文字のサイズは小さくしすぎないようにしましょう。
これは14ピクセルの大きさです。ピクセルで指定すると、ブラウザの[表示]>[文字のサイズ]で文字サイズを選択しても変化しなくなります。文字サイズは百分率で指定するほうが望ましいです。
さらに、見出し1「Webサイトを作ろう!(CSS編)」は太字の指定もしています。
h1{
font-size:180%;
font-weight:bold;
}
斜体(イタリック)にしたければ、以下のように指定します。
h1{
font-size:180%;
font-weight:bold;
font-style:italic;
}
このページはbody部に行間の指定をしています。
body{
line-height : 150%;
}
行間を指定しておかないと長文は読みにくくなります。以下がその例です。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶だ。その後猫にもだいぶ逢ったがこんな片輪には一度も出会わした事がない。のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙を吹く。どうも咽せぽくて実に弱った。これが人間の飲む煙草というものである事はようやくこの頃知った。
line-heightを150%に指定すると文字の半分の幅(50%)で行間ができます。以下がその例です。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶だ。その後猫にもだいぶ逢ったがこんな片輪には一度も出会わした事がない。のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙を吹く。どうも咽せぽくて実に弱った。これが人間の飲む煙草というものである事はようやくこの頃知った。
「web.css」を変更して、フォントや行間を指定してください。