CSSの勉強 1 : 基本の書式

 このブログ記事は個人的な勉強のメモ書き、覚え書き程度のものです。内容の正確性などあまり当てにならない面が多いので、ちゃんとしている情報を知りたい場合は他のサイトを探して下さい。

---

CSSの書き方の基本

基本的は

• selector ()
• declaration (宣言)

から構成される。

例

;
p {
  color : red;
  font-size : 14px;
}


ここで

• pがselector
• {}で囲まれた部分がdeclaration(上の例ではdeclarationが2つ)

例では改行でdeclarationが分かれているが、書式としてはセミコロン ";" で分かれている。なお最後の行(項目)でもdeclarationはセミコロンで終わらせるようにする。

declarationについて

個々のdeclarationは

• property
• value

のセットで構成され、両者はコロン ":" でつなげる。
上の例では colorがproperty、redがvalueとなっている。