スタイルシートが読み取られると、ブラウザはそれに応じて HTML ドキュメントをフォーマットします。
スタイルシートの挿入方法
スタイルシートを挿入するには3つの方法があります:
外部スタイルシート
内部スタイルシート
インラインスタイル
外部スタイルシート
多くのページにスタイルを適用する必要がある場合、外部スタイルシートが理想的です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、 タグを使用してスタイル シートにリンクします。 (ドキュメントの) head 内の タグ:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
ブラウザはファイル mystyle.css からスタイル宣言を読み取り、それに応じてドキュメントをフォーマットします。
外部スタイルシートは、任意のテキストエディタで編集できます。ファイルには HTML タグを含めることはできません。スタイル シートは .css 拡張子を付けて保存する必要があります。以下はスタイルシート ファイルの例です:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}attribute値と単位の間にスペースを入れないでください。 「margin-left: 20px」の代わりに「margin-left: 20 px」を使用すると、IE 6 でのみ機能し、Mozilla/Firefox または Netscape では機能しません。
内部スタイル シート
単一のドキュメントに特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。次のように、