cssファイルを、htmlファイルに反映させるには３つの方法があります。
①link要素を使う
<link rel=”stylesheet” type=”text/css” href=”style.css” />
テンプレートに同梱されているcssファイルのように、
独立したcssファイルを、htmlのhead要素の中に指定します。
同じcssファイルを複数のページで利用することができるので
一括してデザインを管理することができます。
また無駄なソースを減らすことができるため、SEO的にも有効です。
②style要素を使う
<style type=”text/css”>
body{color:#808080;font-size:0.8em; line-height:1.5; }
p { color:#000000; }
</style>
body{color:#808080;font-size:0.8em; line-height:1.5; }
p { color:#000000; }
</style>
htmlのhead要素の中に、cssを記述します。
この場合、記述されたページのみ、スタイルが反映されます。
③style属性を使う
<span style=”color:red; font-size:2.0em;”>ここだけ赤字 大文字にしたい。</span>
htmlの中の特定の要素に、直接styleを指定します。
そのページの、その場所だけ、という場合に使います。
基本的にはlink要素を使い、各ページや場所で、一部分の変更や追加をしたい場合だけ、
style要素やstyle属性を使うようにするといいでしょう。