行の高さを指定する(line-height)
ホームページで重要なのが文章を読ませるということですね。
文章を読んでほしいなら、読みやすい構造にしないと
いけませんよね!?
読みやすい文章構造を作る一つの手段として、行間を
調整することが挙げられます。
行間がびっしり詰まった文章は、開いた瞬間に読みたくなくなる
ものです。
ですので、行の高さ(行間)は第一印象としてとても大切な
要素となるのを覚えておきましょう!
さて、行間の設定はどのようにすればいいのでしょう?
行間は、CSSで設定します。
行の高さは line-heightで指定します。
一般艇に読みやすい行間は、120%〜150%といわれていますので
その辺で設定してみて、自分の好みで変えていけばいいと
思います。
スタイルシートで設定しますので、ページ全体の行間を
指定するのか、<p>タグのところだけ行間を指定するのか
はたまた、部分的に行間を指定するのか、自分で
決めるといいともいます。
今回は、ホームページ全体の行間を決めましょう!
ホームページ全体の行間を決めるので、<body>タグに
設定しましょう!
body{line-height:150%}
これでOKです!
簡単でしょ!?
文章を読んでほしいなら、読みやすい構造にしないと
いけませんよね!?
読みやすい文章構造を作る一つの手段として、行間を
調整することが挙げられます。
行間がびっしり詰まった文章は、開いた瞬間に読みたくなくなる
ものです。
ですので、行の高さ(行間)は第一印象としてとても大切な
要素となるのを覚えておきましょう!
さて、行間の設定はどのようにすればいいのでしょう?
行間は、CSSで設定します。
行の高さは line-heightで指定します。
一般艇に読みやすい行間は、120%〜150%といわれていますので
その辺で設定してみて、自分の好みで変えていけばいいと
思います。
スタイルシートで設定しますので、ページ全体の行間を
指定するのか、<p>タグのところだけ行間を指定するのか
はたまた、部分的に行間を指定するのか、自分で
決めるといいともいます。
今回は、ホームページ全体の行間を決めましょう!
ホームページ全体の行間を決めるので、<body>タグに
設定しましょう!
body{line-height:150%}
これでOKです!
簡単でしょ!?
「行の高さを指定する(line-height)」はいかがでしたか?
他にもいろんな情報が満載です!
どうぞごゆっくりご覧ください!










