スタイルシートの書式設定と属性
スタイルシート（CSS）というのは書式の設定から成り立っています。
この書式設定で特定のHTMLの要素の内容を定義したり、HTML要素の特定ものを選んだりします。
その書式が影響を及ぼすHTML要素の特定のグループを選択するためにセレクターと呼ばれるシンタックス（書き方の規則）があります。
書式設定はスタイル領域を作って1箇所にまとめて行う方法、ファイルの外に別途にスタイルシート・ファイルを作る方法、HTML要素の開始タグの中に直接書き込む方法の3つがあります。
そして書式は1つあるいはいくつもの属性とその属性に対する値の指示から成り立っています。
例えばある書式を見出しレベル3で定義します。その時に文字の大きさ、文字の色、段落の後の余白の大きさといったように属性に必要な指示を与えます。
カスケーディング・スタイルシートを使う意味
カスケーディング・スタイルシート（CSS）はHTMLを直接補足するものです。これは個々のHTML要素の書式設定の属性を定義するための言語です。スタイルシートを使うと例えば見出しレベル1、フォントサイズ18、文字の種類はHelvetica、しかし太字は使わず、改行の際1.75センチの間隔を取って次の章に移るなどと決めることができます。このようなタイプの入力はHTMLだけを使ったのではできません。
これはまだ序の口です。スタイルシートを使うともっとたくさんのことができます。テキストの段落、リスト、表、フォームなど何でもいいですが、HTML要素に独自の背景の色をつけたり、背景に画像（ウォールペーパー）を使用するなど、さまざまなことができます。要素をピクセルの単位まできっちりWWWブラウザ－の表示ウィンドウに配置することもできます印刷用のレイアウトに関してはページレイアウトやテキストの流れ方も定義することができます。
Webページを音響でアウトプットする場合には人工的な言語のアウトプットを自由に操作するために一連のコマンドが用意されています。カスケーディング・スタイルシート（CSS）の属性のいくつかはブラウザーの表示ウィンドウに影響を与えることもできます。例えばカーソルの見え具合などのケースです。最後になりますが、特別なフィルターでは、画像編集のアプリケーションのフォトショップなどで知られているような画像効果を普通のテキストで出すこともできます。もっともこれはマイクロソフト特有のものです。
スタイルシート（CSS）で更に重要な点は、定義を1箇所でまとめて行える点です。例えばHTMLのヘッドの部分に表のセルのデザインを全部まとめて定義することができます。HTMLファイルにある表の全てのセルが1度きり1箇所で行う書式設定で定義できるのです。これでコーディングの仕事を節約できHTMLファイルは軽くなります。また、スタイルシートの定義は専用のファイルを作って別途に行うこともできます。いくらでも好きな数のHTMLファイルでこのスタイルシート・ファイルを指定することができます。
このようにすると大きなプロジェクトでもレイアウトを統一して行うことができます。1箇所に集めたスタイルシートでいくつかの小さな変更を行えば、このスタイルシートを指定している何百ものHTMLファイルがその変更に従います。スタイルシート（CSS）はプロフェッショナルな形で精密なWebデザインをサポートする一方、大型プロジェクトや企業特有のレイアウトがある場合、統一されたデザインを可能にします。