CSS 创建

スタイルシートを読み込むと、ブラウザはそれに基づいてHTMLドキュメントをフォーマットします。

スタイルシートの挿入方法

スタイルシートを挿入する方法は3つあります：

• 外部样式表(External style sheet)
• 内部样式表(Internal style sheet)
• インラインスタイル

外部样式表

スタイルを多くのページに適用する必要がある場合、外部スタイルシートが理想的な選択です。外部スタイルシートを使用する場合、1つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは <link> タグを使用してスタイルシートにリンクします。<link> タグは（ドキュメントの）ヘッド内に置きます：

ブラウザは mystyle.css ファイルからスタイル宣言を読み取り、それに基づいてドキュメントをフォーマットします。

外部スタイルシートは任意のテキストエディタで編集できます。ファイルには html タグを含めることはできません。スタイルシートは .css 拡張子で保存する必要があります。以下はスタイルシートファイルの例です：

属性値と単位の間にスペースを入れないでください（例："margin-left: 20 px"）。正しい書き方は "margin-left: 20px" です。

内部样式表

単一のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用する必要があります。<style> タグを使用して、ドキュメントのヘッド内で内部スタイルシートを定義できます。次のように：

内联样式

インラインスタイルは、表現と内容を混在させるため、スタイルシートの多くの利点を失わせます。この方法は慎重に使用してください。例えば、スタイルを1つの要素に一度だけ適用する必要がある場合などです。

インラインスタイルを使用するには、関連するタグ内でスタイル（style）属性を使用する必要があります。style属性には任意のCSSプロパティを含めることができます。この例では、段落の色と左マージンを変更する方法を示しています：

多重样式

異なるスタイルシートで同じセレクタによって定義された属性がある場合、属性値はより詳細なスタイルシートから継承されます。

例えば、外部スタイルシートには h3 セレクタに対する3つの属性があります：

一方、内部スタイルシートには h3 セレクタに対する2つの属性があります：

内部スタイルシートを持つこのページが外部スタイルシートにもリンクしている場合、h3 が取得するスタイルは次のようになります：

つまり、色属性は外部スタイルシートから継承され、text-alignment（文字配置）と font-size（フォントサイズ）は内部スタイルシートのルールによって置き換えられます。

多重スタイルの優先順位

スタイルシートでは、スタイル情報をさまざまな方法で指定できます。スタイルは、個々のHTML要素内、HTMLページのhead要素内、または外部CSSファイル内で指定できます。さらに、同じHTMLドキュメント内で複数の外部スタイルシートを参照することもできます。

一般的に、優先順位は次のとおりです：

（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式

style.cssファイルスタイルのコードは次のとおりです：

h3 {
    color:blue;
}

注意：外部スタイルが内部スタイルの後ろにある場合、外部スタイルは内部スタイルを上書きします。実例は次のとおりです：