【未経験者用】CSS（シーエスエス）とは？

CSSは、Webページの「見た目」を指定するための言語です。 正式名称は Cascading Style Sheets（カスケーディング・スタイル・シート） と言います。

Webページは主に「骨組み（HTML）」と「見た目（CSS）」の2つの役割で構成されており、CSSはそのうちのデザイン部分を一手に担っています。人で言う服やアクセサリーです。

初心者向けのイメージ（HTMLとの関係）

専門用語を使わずに説明すると、以下のような例えが最も分かりやすいでしょう。

HTML（骨組み）: 家の「柱」「壁」「梁」などの構造部分。

CSS（見た目）: 家の「壁の色」「床の材質」などの装飾部分。

もしCSSがなければ、Webページはただの白い背景に黒い文字が羅列されただけの、味気ない書類のようになってしまいます。私たちが普段見ているカラフルで使いやすいWebサイトは、CSSのおかげで成り立っています。

CSSができること

CSSを使うことで、具体的に以下のようなことが可能になります。

文字の装飾: サイズ、色、フォント（書体）、太さ、行間などを調整し、読みやすくします。

レイアウトの調整: 文章や画像を横に並べたり、中央に寄せたり、自由な位置に配置します。

背景の変更: 背景に好きな色をつけたり、画像を敷き詰めたりします。

画面サイズに合わせた変化（レスポンシブデザイン）: パソコン、タブレット、スマートフォンなど、見る画面の大きさに合わせて、自動的にレイアウトを切り替えて見やすくします。

動き（アニメーション）: ボタンにマウスを乗せたときに色を変えたり、要素をふわっと表示させたりする動きを加えます。