CSSの 作成
スタイルシートを読み込むと、ブラウザはそのHTML文書に従ってフォーマットされます。
スタイルシートを挿入する方法
3つの方法でスタイルシートを挿入する方法：
- 外部スタイルシート（外部スタイルシート）
- 内部スタイルシート（内部スタイルシート）
- インラインスタイル（インラインスタイル）
外部スタイルシート
スタイルが多くのページに適用する必要がある場合は、外部スタイルシートは、理想的な選択です。外部スタイルシートの場合では、1つのファイルを変更することで、サイト全体の外観を変更することができます。各ページには、スタイルシートにリンクする<link>タグを使用しています。<link>タグ（文書）：ヘッダ
< ヘッド> < リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "mystyle.css" > </ ヘッド>
ブラウザは、文書のフォーマットは、それに応じてファイルmystyle.cssスタイル宣言から読み込まれます。
外部スタイルシートは、任意のテキストエディタで編集することができます。ファイルは任意のHTMLタグを含めることはできません。スタイルシートの名前で.cssの拡張子を保存する必要があります。ここでは、スタイルシートファイルの例です。
（：「余白左：20ピクセル」のような）プロパティ値と単位の間にスペースを入れないで、正しい言葉遣いは「余白左：20ピクセル」です。
内部スタイルシート
単一のドキュメントは特別なスタイルを必要とするときは、内部スタイルシートを使用する必要があります。：あなたは、<スタイル>タグは、このように、文書の頭の中で内部スタイルシートを定義して使用することができます
< ヘッド> < スタイル> 時間{ 色：シエナ。} 、P { マージン左：20ピクセル。} 体{ 背景画像：URL（ "画像/ back40.gif"） 。} </ スタイル> </ ヘッド>
インラインスタイル
表示したいとコンテンツを一緒に混合するので、インラインスタイルは、スタイルシートの外に多くの利点を失います。この方法は、例えば、のみ適用される必要は注意して使用する場合、一度一つの要素でスタイル。
インラインスタイルを使用するには、関連するタグにスタイル（スタイル）属性を使用する必要があります。スタイル属性は、任意のCSSプロパティを含めることができます。この例では、段落と左余白の色を変更する方法を示しています。
< P スタイル=「色：シエナ;マージン左：20ピクセル」>これは段落です。</ P >
複数のスタイル
一部の属性は、異なるスタイルシートに同じセレクタを定義している場合は、プロパティの値は、より特定のスタイルシートから継承されています。
例えば、外部スタイルシートは、H3セレクタのための3つの特性を有します。
H3
{
色：赤。
テキスト整列：左;
フォントサイズ：8PT。
}
内部スタイルシートは、H3セレクタのための2つのプロパティがあります。
H3
{
テキスト整列：右。
フォントサイズ：20pt;
}
あなたは、外部スタイルシートのリンクと同時にページのスタイル内部スタイルシートを使用している場合は、H3 GETは次のようになります。
赤色;
テキスト整列：右;
フォントサイズ：20pt;
即ち、色属性は、外部スタイルシートに継承され、テキストの配置（テキストアライメント）およびフォントサイズ（フォントサイズ）は、スタイルシートの内部ルールで置換することができます。
複数のスタイルの優先順位
スタイルシートは、さまざまな方法で定義されたスタイル情報を可能にします。スタイルは、単一のHTML要素、HTMLページの最初の要素、または外部CSSファイルで指定することができます。でも、複数の外部スタイルシートは、単一のHTML文書内で参照することができます。
次のように一般的には、優先順位は次のとおりです。
インラインスタイル）インラインスタイル>（内部スタイル）内部スタイルシート>（外部スタイル）外部スタイルシート>ブラウザのデフォルトスタイル
< ヘッド> <！ - 外部スタイルはstyle.css - > < リンクのrel = "このスタイルシート" タイプ= "テキスト/ CSS" のhrefは= "のstyle.css" /> <！ - セット：H3 {色：青; } - > < スタイルタイプ= "テキスト/ CSS" > / * 内部のスタイル* / H3 { 色：緑; } </ スタイル> </ ヘッド> < 身体> < H3 >テスト！< ボディ>
注意：内部の背面の外部スタイル模様場合は、外部スタイルは、内部のスタイルを上書きします。