今回はCSSの文法の基本となる各要素についての説明です。

CSSはHTMLと異なり、文法自体がかなり単純なので、この章で一通り（文法なども含めて）説明しておこうかなと思います。

まずは以下のサンプルをご覧ください。


上のサンプルのうち、それぞれ赤字の部分は「セレクタ」、緑字の部分は「プロパティ」、青字の部分は「値」といいます。

セレクタはHTMLの要素（タグ）のうち、どのタグにスタイルを適用するのかを指定します。
上の例の場合は「<p>タグにスタイルを適用する」という意味です。

プロパティはどのスタイル（プロパティ）を適用するのかを指定します。
上の例の場合は「colorプロパティを適用する」という意味です。

値は実際にどんな内容を適用するのかを指定します。
上の例の場合は「値に#000000を指定する」という意味です。

つまり、上の例だと「<p>タグにcolorプロパティ（値は「#000000」）を指定する」という意味になります。

ちなみに複数行で書くこともできますし、プロパティと値は複数指定することもできます。


またプロパティはたくさんの種類があり、このサイトではそのすべてを紹介することは無いと思うので、もっと多くのプロパティを知りたい場合は「CSS講座」などのサイトで調べるのが一番いいと思います。

せっかくなんで、個人的に良くお世話になっているサイトを載せておきます。

・ スタイルシートリファレンス（目的別） - HTML クイックリファレンス
・ スタイルシートリファレンス（ABC順） - HTML クイックリファレンス


次に「コメント」について説明します。
コメントとは、スタイルシート中に記述できる「注釈（メモ）」のことです。


行の中で、「/*」で始まり「*/」で終わる部分がコメントとなります。
上の例のように1行で書くこともできますが、複数行にわたって書くこともできます。