HTMLでは、<!--見出し-->や<!--コンテンツ-->等のコンテンツ構造だけを記述して、画面上のレイアウトや装飾（<font>タグ等）は、CSSで指定することが推奨されているためです。

CSSを利用すると、HTMLのみを利用した場合と比べて、デザイン設定や、変更の手間を省けます。特に、ページが膨大なサイト等で、その効果を実感できます。注意すべきは、CSSを効果的に利用できないと、HTMLのみの時よりも、効率が悪くなってしまいます。しっかり、CSSを学んで、効率良く活用させましょう！また、CSSにこだわる必要が無いケースもあります。ページ数が限られていたり、その時限りの１点もののようなページを制作する時です。一度制作したら、コンテンツを追加・変更しないものなら、必ずしもCSSに、こだわる必要はありません。

HTMLでは、出来なかったデザインを作成することが出来ます。例を挙げると、テキストの行間や行揃え、コンテンツや背景の表示位置等、こういった要素を細かく調節が出来ます。

CSSの利用で、HTMLのソースがシンプルに出来ます。HTMLのみの利用だと、テキストのカラー設定や、背景設定等、全てをタグでマークアップしなければなりません。しかし、CSSを利用すれば、HTMLは、必要最低限のマークアップになり、ソースをシンプルに出来るのです。