How To Dreamweaver

CSSとは？

CSS（Cascading Style Sheets）はWebページの装飾をするためのスタイルシート言語で、HTMLと組み合わせて使用します。

HTMLがWebページ内の各要素の意味や構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定します。 例えば、Webページがブラウザ上に表示される時の色・サイズ・レイアウトなどの表示スタイルを自由に変更することができます。

CSSで装飾する

CSSはHTMLの「どこの」「なにを」「どうする」の順番で指定していきます。このときの適用対象であるタグ名「どこの」をセレクタ、変更したい項目「なにを」をプロパティと言います。

セレクタの書式方法

セレクタは適用したい要素によってその書き方が変わります。タグをセレクタにする場合は「タグ名」、classをセレクタにする場合は「ドット[.]＋class名」、全ての要素ではなく一部の要素をセレクタにする場合は「親要素 子要素」となります。

親要素・子要素について、HTMLは要素の中に要素があり、またその中に要素があるというような階層構造（またはツリー型構造）になっています。この階層構造の中で1つ上位の階層にある要素を「親要素」、逆にその親要素から見て下位の階層にある要素を「子要素」と呼びます。