CSSの役割と書き方について解説

CSSとは、Cascading Style Sheets の略であり、WebサイトやWebページのスタイル (見た目) を設定するために使用される言語です。

ここからはCSSの書き方について確認していきたいと思います。

CSSはセレクタ・プロパティ・バリューを書くことでスタイルが適用されます。

セレクタ { プロパティ: バリュー; }

セレクタ・プロパティ・バリューの役割は下記の通りです。

それでは、セレクタ・プロパティ・バリュー (どこの・何を・どうするか) を書いてCSSが適用されるかを確認してみたいと思います。

<p>CSSで文字の色を赤色に</p>

p { color: red; }

上記のように color: red; と書くとpタグの文字の色が赤色になりました。

今回はセレクタ (どこの = pタグの)、プロパティ (何を = 文字の色を)、バリュー (どうするか = 赤色に) と書くことでpタグの文字の色が赤色になりました。

この記事ではCSSの役割と書き方について解説しました。

押さえておきたいポイントは下記の2つです。

この2つを忘れないようにしておきましょう。

最後までお読みいただきありがとうございます。