本文へ移動

しーえすえす

CSS

CSS = Cascading Style Sheets

Webページにおける文字の色やサイズ、レイアウトなどの見た目を設定するためのスタイルシート言語です。

詳しい説明

CSSは、Webページにおける文字の色やサイズ、背景、レイアウトなどの見た目を設定するためのスタイルシート言語です。Webページのデザインを制御するために使用され、Webサイトの外観を美しく、かつ一貫性のあるものにするために不可欠な技術です。

仕組みとしては、HTMLで記述された文書構造に対して、CSSでデザインルールを適用します。複数のページで共通のCSSファイルを読み込むことで、サイト全体の色味やフォントを一括で変更できるため、修正の手間を大幅に減らし、デザインの統一性を保つことが可能になります。

HTMLとの役割分担が重要です。HTMLは「見出し」や「段落」といった文書の構造を定義し、CSSはそれを「どう表示するか」を定義します。混同しやすい点として、見た目の装飾をHTMLで直接指定する手法がありますが、現在ではHTMLで構造を書き、CSSで見た目を分離する手法が標準です。試験では、デザインの分離による管理効率の向上が問われます。

試験で問われること

ITパスポート試験

  • Webページ制作におけるHTMLとCSSの役割分担
  • CSSによるデザインの一元管理と修正効率の向上
  • スタイルシートの基本的な役割

基本情報技術者試験

  • HTMLで文書構造を記述しCSSで装飾を分離する利点
  • レスポンシブデザインにおけるCSSの活用
  • セレクタやプロパティといったCSSの基本構造