CSS 语法

CSS 语法

CSS ルールセット（rule-set）は、選択子と宣言ブロックで構成されています：

CSS セレクタ

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

声明ブロックはセミコロンで区切られた声明を含みます。

各声明は CSS プロパティ名と値で冒号で区切られます。

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

例

この例では、すべての <p> 元素が中央に配置され、赤いテキスト色になります：

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

実際に試してみてください

例解

  • p CSS ではシレクタ（こののは、スタイルを設定する HTML 元素を指しています：<p>）。
  • color 属性red 属性値
  • text-align 属性center 属性値

次の章では、CSS シレクターや CSS プロパティについてもっと学びます。