CSSの基礎

CSS (Cascading Style Sheets)は、HTML文書などのマークアップ言語で書かれた文書の見た目を装飾するためのスタイルシート言語です。HTMLには構造やコンテンツを記述し、CSSはそれらの見た目を定義する役割を担います。

以下は、CSSの基礎についての説明です。

CSSの文法
CSSは、以下のような形式で文法が記述されます。
css
Copy code
セレクタ {
プロパティ: 値;
}
セレクタは、スタイルを適用するHTML要素を指定します。
{}内には、プロパティと値の組み合わせが記述されます。
プロパティは、スタイルを定義するための項目で、例えば、colorは文字色、background-colorは背景色などを指定するためのものです。
値は、プロパティに割り当てられる具体的な値で、例えば、redや#FFFFFFといった具体的な色を指定することができます。
スタイルの適用方法
CSSのスタイルをHTML文書に適用する方法には、以下の3つがあります。
インラインスタイル
HTMLタグのstyle属性にスタイルを直接指定する方法です。例えば、以下のように書くことで、colorプロパティにredを指定することができます。

css
Copy code

見出しのテキスト

内部スタイルシート
タグ内に

外部スタイルシート
CSSのスタイルを外部ファイルに記述し、HTML文書から参照する方法です。外部ファイルは、.css拡張子を持ち、タグを使用して読み込みます。例えば、以下のように書くことで、style.cssというファイルを読み込むことができます。

bash
Copy code

以上が、CSSの基礎的な概念についての説明です。