Home > Tags > css
css
cssを反映するには
- 2009-03-23 (月)
- はじめに...
cssファイルを、htmlファイルに反映させるには3つの方法があります。
①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属性を使うようにするといいでしょう。
- Comments (Close): 0
- Trackbacks (Close): 0
Home > Tags > css
- Search
- Feeds
- Meta