CSS（シーエスエス）とは？
Webサイトに「魔法」をかけるデザインの言葉

Webサイトの文字を赤くしたり、背景をグラデーションにしたり、かっこいいアニメーションを加えたり。そんな「見た目」の指示をすべて引き受けているのがCSSです。

CSSは、家の「インテリア・外装」

Webサイトを「家」に例えると、HTMLが柱や壁を作る「大工仕事」なのに対し、 CSSは壁紙を選んだり照明をつけたりする「インテリアコーディネーター」の仕事 です。

HTMLだけで作ったページは、ただ文字や画像が上から順番に並んでいるだけの質素な状態です。そこにCSSが加わることで、「この文字は大きく」「この写真は右側に」「背景は落ち着いた青色に」といった、お洒落で使いやすいデザインが完成します。

CSSはどうやって書くの？

CSSは、HTMLに対して「どこを」「どう変えるか」を指定する、とてもシンプルなルールで書かれます。

このように、「セレクタ（h1という見出しに対して）」「プロパティ（色を）」「値（赤にする）」という3つのセットでコンピュータに命令を送ります。この組み合わせをたくさん作ることで、複雑なデザインも作り上げることができます。

スマホで見ても綺麗な理由

最近のWebサイトは、パソコンでもスマホでも自動的にレイアウトが変わって見やすくなっています。これは 「レスポンシブデザイン」 と呼ばれ、CSSの得意技の一つです。

CSSを使えば、「画面の幅が狭いときは、メニューを隠してボタン一つにまとめる」「画像をもっと大きく表示する」といった条件付きの指示ができるため、どんなデバイスでも快適にサイトを見ることができるのです。