HTMLファイルにまとめてcssを設定する方法

HTMLファイルにまとめてCSSを設定する方法を記載します。

HTMLファイルとは、ホームページの１つのページになるもので
この場合は、そのページに使うCSSを設定することになります。


やり方は、HTMLファイルのHEADセクション（からまで）
にを使用してスタイルを記述していきます。

設定したスタイルは記述したHTMLファイル全体に適用されます。
つまり、前回のタグだけに指定するのではなく、そのページ全体
に指定されるというわけです。

スタイルを設定するには、のtype属性に
「"text/css"」を指定します。


例
＜head＞
　　＜meta 〜〜〜〜〜＞
＜style type="text/css"＞

h1{color:bule}
p {font-size:20px;
color:red}
＜/style＞
＜/head＞


と、こんな感じで記述します。


cssを使っていると、ほかにもいろんな指定をする必要がでてきます。
今後出てくる、IDだとかclassだとか・・・。

そうすると、かなりの量になってくるので、HTMLファイルの中だけで
していするのも限界が来ます。

この方法だと1ページだけを指定することになるので、10ページ
あるとするとすべてのページを指定しなくてはいけません。
いちいちコピペしていては、結構めんどうなことになりますよね！？

そこでもうひとつの手法である、外部スタイルシートから読み込む
ことを覚えておくと、リンクをするだけで、すべてのページが
外部のcssで指定できるので、簡単になります。


次回は、外部スタイルシートについてお話しますね！

ブログカスタマイズ2005 - livedoor Blog 共通テーマ