スタイルシート基本

HTMLをきれいに飾りつけるのがスタイルシートです。
基本的に使い方は3種類あります。
まずスタイルシートを使う宣言を、head内へ記述します。
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

使い方その1
<HEAD>
<TITLE>test</TITLE>
<LINK rel="stylesheet" type="text/css" href="test.css">
</HEAD>
別ファイルにスタイル定義を記述します。(この場合は「test.css」)
この「test.css」を書き換えるだけで、あらかじめこのスタイルを使うように、
設定しておいた全ページのデザインを変更できます。
これが最もよく使うやり方です。

使い方その2
<HEAD>
<TITLE>test</TITLE>
<STYLE TYPE="text/css">
<!--
H1{color:#ff0000}
P {text-indent:1em}
-->
</STYLE>
</HEAD>
1ページごとに、head内のSTYLE要素内にまとめて書きます。

使い方その3
<P style="color:blue">青色の文字</P>
開始タグのstyle属性に直にスタイル指定を書くやり方です。
あまりスタイルシートの利便性がなく、無駄が多いです。
ほんの少しだけスタイルシートを使いたい時に。

@import
スタイルシート内で、別のスタイルシートを取り込めます。
@import url(./test2.css);

HTML言語覚書き スタイルシート inserted by FC2 system