ＣＳＳは、ＨＴＭＬで記述されたウェブページにデザインを指定するのに使われます。
ページを作成するには、ＨＴＭＬの要素を使ってないようを組み立てます。ページをデザインするには、ＣＳＳを使って要素ごとにデザインを指定し、ＨＴＭＬと組み合わせます。
ＣＳＳを使えば、高度で柔軟なページデザインができるだけでなく、１つのＣＳＳで複数のページのデザインを統一したり、ＣＳＳを修正するだけでサイト全体のデザインを一度に変えたりできます。
ＣＳＳの特徴の１つは、ページデザインのための機能が豊富に用意されていることです。
もう１つの特徴は、ＣＳＳファイルを１つ用意するだけでいくつものページに同じデザインを指定できることです。
ＨＴＭＬに手を加えることなく、ＣＳＳを変えるだけでサイト全体のデザインを変更できます。
色やフォントを単純に変えるだけでなく、間隔、枠線、画像などを利用した高度なデザインができます。

CSSには、大きく分けて３つの使い方があります。

タグに直接書き込む

これは、個々のタグ全てにスタイルを書かなくていけません。
しかも、HTMLの中にレイアウトを事細かに書く事になり、レイアウトと構造を分化して書くというスタイルシートの意義に反しています。
そういうわけで、これをメインに利用する事はすすめられません。

ヘッダー部に記述する

ヘッダーでスタイルを指定する方法は、タグに直接書き込む方法と比べると断然使いよいのですが、これでも面倒な場合があります。
それはページが複数にわたってある場合で、この方法で指定したスタイルを変更するには、全部のファイルを開いて、一つ一つヘッダーのスタイル宣言を変更していかなくてはなりません。

ＣＳＳファイルに記述する

HTMLファイルとは別にCSSファイル、スタイルだけを記述したファイルを作っておいて、ブラウザ側でリンクして表示するという方法です。
自分の全ページのヘッダーにリンクさせておくと、一つのCSSファイルのスタイル設定を変更するだけで、全ページのレイアウトを一気に更新する事ができるわけです。
本来はこの方法で使うもので、これが普通です。
ＣＳＳを利用することは、検索エンジン対策としても意味があります。
ＣＳＳを使うことで、ウェブページの本文のデータから、画面表示の情報を減らすことができるからです。
例えばＨＴＭＬだけでデザインを設定する場合、ページの中に同じデザイン情報を何度も書かなければなりません。
しかしＣＳＳでは、一度スタイルを定義してしまえば、あとは何も指定しなくても何度でもスタイルを利用することが可能です。
その結果、ページ本文中のスタイル情報を減らすことができ、キーワードの密度を高めることができます。