CSS（カスケーディング・スタイル・シート）はHTMLなどのウェブドキュメントの色、フォント、マージンなどのスタイルを効率的に定義する仕組みを提供します。

　たとえば、一連のHTMLドキュメント中で見出しの文字を赤で表示したい場合、これをHTMLの機能だけ実現するならfontタグのcolorプロパティを使うことになります。

<font color="red">見出し1<font>
：
<font color="red">見出し2<font>
：
<font color="red">見出し3<font>

　しかしこの方法では、大量の文書を作成した後で見出しの色を変えることがかなり面倒となります。見出し以外の所に、<font color="red">が使われているとすれば、grepなどを使った単純な置換でも対応が難しくなります。

　CSSを使えば、このようなスタイルの変更が簡単に正確にできるようになります。

　たとえば上記の例をCSSを使って実現するには、まず見出しのスタイルを定義するファイル（スタイルシート）を作成します（この例ではmidashi.cssとします）。

.midashi {
	color: #FF0000;
}

　この場合のHTMLの内容は以下の様になります。

：
<link href="midashi.css" rel="stylesheet" type="text/css">
：
</head>
：
<font class="midashi">見出し1</font>
：
<font class="midashi">見出し2</font>
：
<font class="midashi">見出し3</font>

　スタイルシートのcolorの値（#FF0000）を変更するだけですべての見出しの色が変更されます。

　スタイルシートが登場するまえの古いHTML仕様ではHTMLタグのプロパティでスタイルを指定するのが基本でしたが、スタイルの指定方法はCSSで指定する方向でHTML仕様が変更されつつあります。そのため、CSSではHTMLのタグのプロパティで指定できないような高度なスタイルの指定も可能となっています。

　たとえばフォントサイズをHTMLのタグにプロパティで設定する場合sizeプロパティを使用しますが、このプロパティの値は1～7までの7段階しかなく、かなり粗い設定となります。さらに実際に表示されるフォントの大きさはブラウザによって微妙に異なります。

　CSSでは、HTMLと同じように7段階のサイズ設定に加えて、親要素の文字サイズに対する相対値で（%やem）や画素数（px）での指定も可能となります。