ロゴ

CSS

しーえすえす

ひとことで言うと

HTMLの構造と表現を分離し、Webページの見た目やレイアウトを定義するスタイルシート言語。

解説

Cascading Style Sheetsの略で、HTMLなどで記述されたWebページの見た目やレイアウトを定義するスタイルシート言語。文書の構造(HTML)と表現(CSS)を分離することで、効率的なWebデザインと保守が可能となる。フォント、色、余白、配置などの視覚的な表現を制御する。

くわしく解説

CSS(Cascading Style Sheets)は、HTMLやXMLで記述された文書の視覚的な表現(色・フォント・余白・レイアウト等)を定義するためのスタイルシート言語である。HTMLが文書の「構造と意味」を定義するのに対し、CSSは「見た目と表現」を担当するという分業体制が確立されている。これにより、デザインの変更が容易になり、複数ページのスタイルを一括で変更できるなど保守性が大幅に向上する。「Cascading(カスケード)」とは、複数のスタイル定義が存在する場合に優先順位に従って適用されることを意味する。レスポンシブデザイン(デバイスの画面サイズに応じたレイアウト変更)もCSSのメディアクエリ機能で実現される。Webアクセシビリティの確保においてもCSSは重要な役割を担う。試験ではHTMLとCSSの役割分担の理解が基本として問われる。

具体例で考えよう

CSSファイルを一か所修正するだけで、企業サイト全100ページのフォントカラーを一括変更できるため、デザイン変更の工数を大幅に削減できる。

試験対策ポイント

HTMLは「構造」、CSSは「表現・スタイル」という役割分担を押さえる。カスケードの優先順位の概念、レスポンシブデザインとの関係も出題される。

関連用語

経営情報システム」の他の用語