line-heighの各設定における表示の違い 親要素におけるフォントサイズは12pt

normal
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

line-hight=20pt
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

line-hight=75%
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

line-hight=2
このサイトは初心者がタグだけでプロ並みの表現力を目指してホームページを作るために開設したものです。なお、講座進行は無料のメールマガジンと連動しています。講座を利用する上で、マガジンの購読をお奨めいたします。

上記HTMLサンプルコード
<html>
<head><title>Sample(line-height)</title>
<style type="text/css">
<!--
body {font-size: 12pt}
div.param1 {line-height: 20pt; color: #f00}
div.param2 {line-height: 75%; color: #0f0}
div.param3 {line-height: 2; color: #00f}
-->
</style>
</head>

<body>
<div>
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。なお、講座進行は無料のメー
ルマガジンと連動しています。講座を利用する上で、マガジンの購読
をお奨めいたします。</div>
<div class="param1">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。なお、講座進行は無料のメー
ルマガジンと連動しています。講座を利用する上で、マガジンの購読
をお奨めいたします。</div>
<div class="param2">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。なお、講座進行は無料のメー
ルマガジンと連動しています。講座を利用する上で、マガジンの購読
をお奨めいたします。</div>
<div class="param3">
このサイトは初心者がタグだけでプロ並みの表現力を目指してホーム
ページを作るために開設したものです。なお、講座進行は無料のメー
ルマガジンと連動しています。講座を利用する上で、マガジンの購読
をお奨めいたします。</div>
</body>
</html>