CSS(しーえすえす)
最終更新:2026/4/19
✓ 監修済みウェブページの視覚表現やレイアウトを指定し、文書の構造から表示形式を分離して定義するために用いられるスタイルシート言語である。
ポイント
Webデザインの標準技術であり、文書の「構造(HTML)」と「見た目(CSS)」を分離することで、効率的な管理と柔軟なデザイン変更を可能にする。
CSS(Cascading Style Sheets)とは、HTMLやXMLで記述されたWebページの構造や内容に対し、フォント、色、レイアウト、余白、アニメーションなどの視覚的・装飾的なスタイルを指定するためのスタイルシート言語である。HTMLがコンテンツの「構造」を担うのに対し、CSSはそれをどのように表示させるかという「見た目」や「装飾」を担当する。また、メディアクエリを用いることで、PC、タブレット、スマートフォンといった異なるデバイスや画面サイズに応じたレスポンシブデザインを実現するための不可欠な技術である。
技術的特徴
CSS(Cascading Style Sheets)の最大の特徴は「カスケード」と呼ばれる優先順位の仕組みです。ブラウザのデフォルトスタイル、ユーザー設定、作成者のスタイルなどが組み合わさり、最終的な表示が決定されます。これにより、一つのHTMLファイルに対してメディアクエリを用いることで、PC、タブレット、スマートフォンといった異なるデバイスごとの表示最適化(レスポンシブデザイン)も容易に実現可能です。
歴史と進化
W3C(World Wide Web Consortium)によって標準化が進められており、1996年のCSS1策定以来、段階的に機能が拡張されています。現在の主流であるCSS3では、アニメーション、影の効果、角丸、柔軟なレイアウト機能(FlexboxやGrid Layout)などが導入され、画像を使用せずに高度なグラフィック表現が可能です。これにより、表示の高速化と保守性の向上が両立されており、現代のWeb開発において不可欠な技術となっています。