CSS 構文

CSS ルールセットはセレクターと宣言ブロックで構成されます。

セレクターは、スタイルを設定する必要がある HTML 要素を指します。

宣言ブロックには、セミコロンで区切られた 1 つ以上の宣言が含まれます。

各宣言は、コロンで区切られた CSS プロパティ名と値で構成されます。

複数の CSS 宣言はセミコロンで区切られ、宣言ブロックは中括弧で囲まれます。

この例では、すべての <p> 要素が赤色のテキスト色で中央揃えに配置されます。

p {
  color: red;
  text-align: center;
}

自分で試してみてください

例の説明

  • p は CSS のセレクターです (スタイルを設定する HTML 要素を指します: <p>)。
  • color は属性、red は属性値です
  • text-align は属性、center は属性値です。

次の章では、CSS セレクターと CSS プロパティについて詳しく説明します。