意味解説
専門家向け解説
HTMLで記述された要素に対し、色・サイズ・配置・余白・フォントなどの見た目を指定する言語。構造(HTML)と見た目(CSS)を分離することで、構造を変えずにデザインを変更でき、複数ページに一括でスタイルを適用できる。要点は、スタイルの優先順位の仕組み(カスケーディング、詳細度)を理解すること。これを把握せずに書くと、「なぜか指定が効かない」状態に陥る。落とし穴は、場当たり的な記述の積み重ねで、どこを変えると何に影響するか分からなくなること。レスポンシブ対応や、デザインシステムの値の管理(デザイントークン等)もCSSの設計に関わる。命名や構造の設計が保守性を左右する。
クライアント向け説明
Webページの「見た目」を整える言語です。文字の色やサイズ、配置、余白などを指定します。骨組みであるHTMLと見た目を分けて管理することで、構造を変えずにデザインだけを調整でき、複数ページの見た目をまとめて変更することもできます。
監修
庄司美雪
Makoto Koizumi (Zoomin)