スタイルのデフォルト値 / magicien 

文字が中心のサイトになるなら、フォント周りをもう少し読みやすくした方がいいだろうと思って、スタイルシートをいじっていて、デフォルト値について思ったことをメモ。

body要素のすぐ下にdiv要素を置いて、そのdiv要素に背景を設定したのだけれども、ウィンドウ全体に背景が適用されない。背景の周りに白い枠ができている。
divのborderをnoneにしたり、marginやpaddingを0にしても変わらない。そこで、試しにbodyのmarginを0にすると、白い枠が消えた。全てのブラウザで同じような現象が起こっていたから、どうやらみんな、bodyのmarginのデフォルト値が5pxぐらいに設定されているようだ。

それと、行間はもう少し広い方が読みやすいだろうと思って、line-heightを1.3にすると、Safariでは行間が縮まってしまった。Safariでは、line-heightがデフォルトで1.4ぐらいになっているらしい。というわけで、line-heightを1.5に設定。これで少しは読みやすくなったかな?
2007/02/16(Fri) 20:48:27