OmaPiさん確かに、background-colorも指定するべきですね。ご指摘どうもありがとうございます。PMline-height:1.4;には単位が欠けていて文法エラーになるので、1.4emとか140%とかに直しましょう。16px環境で0.9em指定すると割り切れないので、実際には14pxのフォントを表示する(ブラウザによっては15なのかな?)事になります。14.4pxにはならないでしょう。読みやすさを考慮するなら、文字色を淡くするよりも、背景を純白でなくする方が効果があると思います。あと、他のほとんどの方には問題はないでしょうけど、うちでは、ArialやVerdanaなどの英語フォントが指定されているページに日本語の文字が混ざっていると、ブラウザが異常終了します。PMターゲットを踏まえた上で何を伝えたいのかってところですよね。伝えたいことが損なわれるのであれば、16pxはでっかいワケですよ。じいちゃんが見ることを常に考えて、でっかいフォントを使うって方がナンセンスじゃないんですかね。PMたつもとちまきさんline-heightの単位無しの値は仕様によって定められています。1.4と、1.4emまたは140%では子孫要素への継承の仕方が違います。AMmarginとpaddingですが、bodyに設定すると子孫要素への継承が行われない要素があったように思います。marginとpaddingはグローバルセレクタで設定する方が良いのではないでしょうか?もちろん、全部のmarginとpaddingを0にする必要がなければbodyでよろしいかと思いますが。文字指定をemで指定するのはpxと違ってブラウザ側で文字サイズを変更できるのであまり問題ないと思いますよ。わかりやすい所に文字サイズ変更のボタンがあると便利ですね。PMコメントいただきましたみなさま、大変参考になるご意見、本当にありがとうございます!中途半端なエントリーを投稿してしまった為、このような結果になってしまったこと。このエントリーに関しては議論の余地が残っていると思われるため、あえて本文の修正はしないで、このまま残しておこうと思います。AM僕もどちらかと言えば、%派です。相対的に大きさが変えられる。以前、政府のサイトを作ってた関係で、ユニバーサルデザインという方法を勉強させられた結果、やはり爺さん婆さんも見やすいサイト作りというのが、%で指定する、というやり方でした。昔むかしの話ですが、やっぱりこちらのサイトも文字はでかいですが、見やすいですし、読みやすいですね。PMVerdanaさん確かにそうですね。ひとりでも多くの方にサイトやブログを見てもらう。いうことを考えると、ユニバーサルデザイン。避けては通れませんね。PMCSSでテキストフィールドの見た目を制御するCSSでフォームの見た目を制御するで書いたとおり、フォームの見た目を調整していきます。CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。AMfont-sizeはpxとかem、%よりも、ptのが良いような気もしますが...。Typeで印刷用CSSを付けてるなら別ですが、10.5ptとかで指定しとくと印刷時にも読みやすいです。pxでは文字サイズを完全に固定するのでデザインする上では楽ですが、弱視の方やご高齢の方など、文字が小さくて読みにくいということで72dpiや96dipよりも高い解像度設定にしている方や、逆に低くしている方などにとってはとても使いづらいですから。それと、上のコメントにmarginとpaddingですが、bodyに設定すると子孫要素への継承が行われない要素があったように思います。するとol,ul,liなどにも影響します。それらのタグに全てmarginとpaddingが指定してあるなら問題はありませんが、そうでない場合は注意が必要です。PMcllackrさん詳しい、ご解説どうもありがとうございます。確かに印刷時の設定や、弱視の方やご高齢の方などへの配慮など、それぞれのサイト、ブログのターゲット層などを考慮しながらデザインすることは、非常に大切なことだと思います。貴重なご意見どうもありがとうございます。今後ともよろしくお願いいたします。下手でも上手く見せたいじゃない「最適な行間サイズってドレくらいだろ?」CSSをコーディングしてるときに出た疑問である。AMうーんやっぱりいろんな人の意見って勉強になりますね。現在はフリーでやってるもので、意見交換をすることもなく、独りよがりにならないように気をつけようと思ってはいるんですが。話はずれますが、皆さんclass名やid名ってどうされていますか?たとえば、ロゴや上部メニューなどにはheader、メイン部分はmainやlayoutなどある程度に通った名前が使われているようですが、たとえば、3カラムの場合の右側部分、header部分のロゴの横にスペースを設ける場合など細かい部分ってどうしているんでしょう?ちょっと他の人のものぞいてみたくなったもので・・・。AM山本さんコメントどうもありがとうございます。確かに、結構classやID名って迷いますよね。複雑なサイトになればなるほど。前のエントリーですが。こちらが参考になるかも。コメントをキャンセルメールアドレスが公開されることはありません。アメリカの最新ウェブ事情や働き方、ウェブマーケティングなどについて書きます。