本文へスキップ

CSSとは?

しーえすえす

CSSとは、HTMLで作られたウェブページの見た目(色・レイアウトフォントなど)を制御するスタイルシート言語のことです。

CSS(Cascading Style Sheets)とは、HTMLXMLで記述されたウェブコンテンツの視覚的な表現定義するスタイルシート言語です。1996年にW3C(World Wide Web Consortium)が標準化し、HTMLの構造とデザインを分離することを目的として設計されました。

CSSを使うことで、文字の色・サイズ・フォント、背景色・画像、余白・間隔、レイアウト(横並び・縦並びなど)、アニメーションといった見た目のあらゆる側面を制御できます。「カスケーディング(Cascading)」という名前は、複数のスタイル指定が重なった場合に優先順位に従って適用されるという仕組みを表しています。

CSSの主な機能は以下の通りです。

  • セレクタ:スタイルを適用するHTML要素を指定する
  • プロパティと値:color・font-size・marginなどのプロパティに値を設定する
  • レスポンシブデザイン:メディアクエリを使ってスマートフォン・タブレット・PCに対応したレイアウトを実現する
  • Flexbox・Grid:複雑なレイアウトを簡潔に記述できる現代的なレイアウト手法
  • アニメーション・トランジション:動きのある表現をJavaScript不要で実現できる

CSSはHTML・JavaScriptとともにウェブフロントエンド開発の三大技術の一つです。近年はSassやPostCSSなどのツールを使ってCSSを効率よく記述する手法も広く普及しています。

使い方・例文

ウェブサイトのボタンを青色にしたり、スマートフォンで見たときだけレイアウトを1カラムに変えたりする際に使われるのがCSSです。HTMLが「骨格」ならCSSは「外観・デザイン」に相当します。

この用語をシェア

𝕏 でポスト LINE

最終更新:

関連用語