CSSの作成
CSSの作成
スタイルシートが読み取られると、ブラウザはそれに応じてHTMLドキュメントをフォーマットします。
スタイルシートの挿入方法
スタイルシートを挿入するには3つの方法があります:
外部スタイルシート
インラインスタイル
多くのページにスタイルを適用する必要がある場(chǎng)合、外部スタイル シートが最適です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全體の外観を変更できます。各ページは タグを使用してスタイルシートにリンクします。 (ドキュメントの) head 內(nèi)の
タグ:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"></head>外部スタイルシートは、任意のテキストエディタで編集できます。ファイルには HTML タグを含めることはできません。スタイル シートは .css 拡張子を付けて保存する必要があります。スタイル シート ファイルの例を次に示します。
ブラウザは、ファイル mystyle.css からスタイル宣言を読み取り、それに応じてドキュメントをフォーマットします。
hr {color:sienna;}
p {margin-left:20px;}body {background-image:url("../style/images/back40. gif ");}
屬性値と単位の間にスペースを入れないでください。 「margin-left: 20px」の代わりに「margin-left: 20 px」を使用すると、IE 6 でのみ機(jī)能し、Mozilla/Firefox または Netscape では機(jī)能しません。
単一のドキュメントに特別なスタイルが必要な場(chǎng)合は、內(nèi)部スタイルシートを使用する必要があります。次のように、<style> タグを使用してドキュメントの先頭に內(nèi)部スタイル シートを定義できます。 タグは、次のようにドキュメントの先頭に內(nèi)部スタイル シートを定義します。 インライン スタイルプレゼンテーションとコンテンツが混在しているため、インライン スタイルは失われますこれにより、多くの利點(diǎn)が失われますスタイルシートの。たとえば、スタイルを要素に 1 回だけ適用する必要がある場(chǎng)合など、この方法は注意して使用してください。 インライン スタイルを使用するには、関連するタグ內(nèi)で style 屬性を使用する必要があります。 Style プロパティには、任意の CSS プロパティを含めることができます。この例は、段落の色と左余白を変更する方法を示しています: 優(yōu)先度 同じ HTML 要素のスタイルが外部スタイル シート、內(nèi)部スタイル シート (タグ內(nèi)にある)、 インライン スタイル (HTML 要素內(nèi)) で設(shè)定されている場(chǎng)合、インライン スタイルはエフェクト スタイル (HTML 要素內(nèi)) なので、その優(yōu)先順位は
hr {color:sienna;}
p {margin-left:20px;}
</style>
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
</head>
<p style="color:sienna;margin-left:20px">これは段落です</p>
