文字の大きさを行によって変えたいのですが、CSSとHTMLどっちのほうが良いでしょうか。

Question

CSSとHTMLで作ったボックスの中にある文字の大きさを、行によって変えたいと思っております。
CSSでのやり方ですと、全部の文字が同じ大きさになってしまうのではないかと懸念しています。
HTMLでのやり方ですと、文字の大きさを調節できるとはいえ、CSSでやったほうが良い作業をHTMLでやっているので、違和感があるのではと思っております。

この場合は、どちらで行うのが良いのでしょうか。

Comments

[coco_bauer]

どのような表示になれば良いのかを、手書きのスケッチでかまわないので質問に追加してください。
そうすれば、何がしたいのかが誤解なく理解できるでしょうから。

[maisumakun]

「HTMLで行う」というのは、style=""を直書きするやり方でしょうか？それとも、別なものを想定していますか？

[AmiI]

maisumakun　さん
<style>CSSコード</style>HTMLコード

でやっております。

Answer 1

<style>CSSコード</style>HTMLコード

でやっております。

それだと結局ページ全体にかかるので、「行によって変える」という目的は達成できないのではないかと思います。

場所によって変えたい場合は、

• HTMLに直接style属性を書く
• クラスやIDを振って、CSSのかかる領域を限定する

といった工程が、CSSを別ファイルにするか<style>に書くかと関係なく必要になります。

Comments

[AmiI]

>HTMLに直接style属性
といいますと？

[maisumakun]

<p style="font-size: 20px">何か</p>のような感じです。

Answer 2

HTML と CSS では、対象が異なります。

HTML は文書の「構造」を示しています。そこには本来はサイズの情報などというものはありません。
※古い HTML ではこの辺が FONT タグや style 属性 で曖昧になっていましたが、HTML5 でほぼその役割は CSS に移されました

CSS は文書の「見た目」を制御します。ですから見た目を制御するのは CSS で、必要ならタグに class なり id なりを振って、CSS の適用範囲を絞り込むのです。

答えとしてはどちらでやる、ではなく、「どちらにも手を入れる」となります。