カスケード スタイル シート (CSS) HTML 要素を含む Web ページのスタイルを設定するために使用される言語で、Web ページ上の要素のレイアウト、色、フォント、その他のプロパティなど、Web ページ上での要素の表示方法を定義します。 CSS は、HTML 要素をターゲットにし、スタイル ルールを適用して、色、サイズ、レイアウト、位置などのプロパティを含む要素の表示方法を定義することによって機能します。

CSSには以下の3種類があります。

目次

• インラインCSS
• 内部または埋め込み CSS
• 外部CSS

インラインCSS:

インラインCSS これは、HTML タグ内の style 属性を使用して個々の HTML 要素にスタイルを直接適用する方法で、HTML ドキュメント内の個々の要素に特定のスタイルを適用して、外部スタイルまたは内部スタイルをオーバーライドできます。

インライン CSS の例:

この例では、HTML ドキュメントを利用したインライン CSS の使用方法を示します。

html

>

>

出力：

インライン CSS の例の説明:

上の例では、次の手順に従っています。

• ここでは、段落要素に直接インライン CSS を使用しています。
• 色を緑色、フォント サイズを 50px、スタイルを斜体、配置を中央に変更します。
• スタイル設定は外部および内部 CSS をオーバーライドします。

内部または埋め込み CSS:

内部または埋め込み CSS HTML ドキュメントの要素内で定義されます。指定された HTML 要素にスタイルを適用します。CSS ルール セットは、HTML ファイルのヘッド セクション内にある必要があります。つまり、CSS は HTML ファイルのヘッド セクション内のタグ内に埋め込まれます。

内部または埋め込み CSS の例:

この例では、HTML ドキュメントを利用した内部 CSS の使用方法を示します。

html