ＣＳＳの基本

ＣＳＳの構文

• セレクタ（ｓｅｌｅｃｔｏｒ）とは、
  スタイルを適用する対象のことで、ＨＴＭＬの要素（ｅｌｅｍｅｎｔ）、
  例えば、ｂｏｄｙやｐなどが該当します。
• プロパティ（ｐｒｏｐｅｒｔｙ）とは、
  セレクタにどのような効果を付与するかを指定するものです。
  プロパティごとに指定できる「バリュー（値）」が決まっています。

• 「プロパティ」と「バリュー」を「：」コロンでつなぎます。
  　（「：」コロンは「＝」イコールの役割を果たしています。）
• 「プロパティ」と「バリュー」をセットとして「；」セミコロンで終わります。
• 「プロパティ」と「バリュー」は「｛｝」で囲みます。
  　１行で記述するこもできますが、下記のように複数行で記述しましょう。

• 「ｈ１（大見出し）のｃｏｌｏｒ（文字色）を#ｆｆ0000（赤）にする」と解釈します。

　※ h1「セレクタ」、color「プロパティ」、#ff0000「バリュー（値）」

ＣＳＳの記述場所

外部ファイル（リンク）

• HTMLファイルとは別に「CSSファイル」を作成します。
• CSSファイルは拡張子「.css」をつけて保存します。
• HTMLからそのファイルにリンクをつけることでCSSを適用します。
• この場合HTMLファイルの「head内」に以下のように記述して、CSSファイルへリンクします。

ｈｅａｄ内に記述（エンベッド）

• 個々のHTMLファイルの「ｈｅａｄ内」に直接記述する方法です。
• 「head内」に＜ｓｔｙｌｅ＞タグを記述し、
  その中にコメントを意味する「＜!--　--＞」タグを書き、
  そのコメントの中にネストする形でスタイルシートを記述します。

インライン

• 個々のHTMLファイルの「head内」に直接記述する方法です。
• タグの数だけ書かなければならないためソースが増えてしまい、
  また、修正も厄介です。