スタイル シートの挿入方法
スタイル シートが読み取られると、ブラウザはそれに応じて HTML ドキュメントをフォーマットします。スタイル シートを挿入するには、次の 3 つの方法があります。
外部スタイル シート (推奨学習: CSS 入門チュートリアル )
いつスタイルを適用する必要があります 多くのページを操作する場合は、外部スタイル シートが理想的です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、 タグを使用してスタイル シートにリンクします。 (ドキュメントの) ヘッド内の タグ:
<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");}属性値と単位の間にスペースを入れないでください。 「margin-left: 20px」の代わりに「margin-left: 20 px」を使用すると、IE 6 でのみ機能し、Mozilla/Firefox または Netscape では機能しません。
内部スタイル シート
単一のドキュメントに特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。次のように、