CSSとは
ホームページを作成することはHTMLでページを書くことを意味していて、ページのHTMLタグ内に、「フォントの大きさ」や「文字の色」といったページを編集するプログラムを埋め込んできました。
ですが、この方法だとサイトの各ページの統一をするのに、大きな労力と時間がかかってしまいます。
また、内容を変更したくなったときには、タグをひとつひとつ変更していく面倒な作業をしないといけないんです。
そこで、CSS(Cascading Style Sheet:カスケーディング・スタイルシート)を使います。
まず文書そのものが書いてある「.htmlファイル」のほかに、文書(スタイル)についての「.cssファイル」を用意します。
「.cssファイル」には、「.htmlファイル」の各タグに関する文章が書かれています。
このため、「.htmlファイル」内の、フォントの大きさや文字の色などを減らすことができるのでページをシンプルに書き直すことができます。
また、サイトの印象を変更したい場合などにも、「.cssファイル」を変更するだけで一括してサイトのイメージを変えることができるようになります。
CSSにより「.htmlファイル」が簡素化されるので、SEO(検索エンジン最適化)の効果が上がることになります。
スタイルシートがなぜ必要なのかというと、現在ウェブページを制作する言語として使われているのはHTML4.01やXHTML1.0などで、 <center>や<font>などの装飾要素(タグ)や属性が存在しています。
HTMLのタグ
また、<table>タグでレイアウトをまとめるなどの方法を使えば、 HTMLだけでウェブページの見栄えを制御することも出来る場合があります。
ですが、ウェブページのスタイル変更にHTMLを使うと、デザインのための用途では、文書の構造がでたらめになってしまうかもしれません。
HTMLの要素(タグ)をどのように表示するかは、ブラウザによって違うので、 閲覧環境によってレイアウトが変になってしまうことがあります。
HTML4.01やXHTML1.0の仕様では、 HTML文書から見栄えに関する指定を分離するのが望ましいです。
文書構造だけ指定して、 スタイルについてはスタイルシートで指定するのがよいとされています。
HTML4.01やXHTML1.0では、センター揃え<center>、フォントの見栄えを指定する<font>などの装飾要素や、 色・サイズ・ボーダーなどを指定する装飾目的の属性については非推奨(deprecated)とされますが使用はできます。ただし次のバージョンのHTML5では、 <center>や<font>などは廃止されるかもしれません。