スタイルシートを使おう
スタイルシートとは？
HTML文章のレイアウトやデザインを行うための技術ですCSSとは、Cascading Style Sheets（カスケーディング・スタイル・シート）の略でスタイルシートの事を指します。CSSによって、フォントや文字間、文字色などサイトのデザインに関する設定を一括で管理することができるのが特徴でこのCSSを使えば、タグだけでは不可能だった様々なレイアウトを手軽に行えるようになり、レイアウト変更も非常に楽になります。
CSS(スタイルシート)のメリットとは
HTMLだけでサイトを作成しようと思うとHTML内がタグでいっぱいになってしまいます。文字のサイズをこれにして文字色はこれにして行間はこれにして」と一つ一つタグで書いていたのでは手間もかかりますが、 スタイルシートを用いることで、サイト内の全ページのデザインを統一することができるということです。デザインを変更したいときもスタイルシートを変更するだけで、全ページを簡単に変更することができます。つまりスタイルシートはレイアウトに特化されたものです。
スタイルシートのデメリット
おそらく大半の人がInternetExplorerを使用してると思いますが中にはOperaやMozillaなどを利用している人もいます、 それぞれのブラウザによる表示の違いで同じような表現が出来ない点では・・・また同じInternetExplorerでもversion6とversion5.5でも違うんです。
外部化CSS(スタイルシート)とは
CSSの使用方法は通常２種類あり、TML内に直接CSSを記述する方法と外部ファイル化をし、そこから呼び出す方法です。外部スタイルシートの特徴は、スタイルを記述したファイルを「***.css」という拡張子で保存し、それぞれのページの外部参照ファイルとして指定すると、全てのページに共通したスタイルが適用されるといった点です。
＜head＞〜＜/head＞HTMLのタグの間にこのようなタグがあるかと思います。
上記の赤い所がHTML内で外部からCSSを呼んでいるタグです。
CSSを外部化する事でHTML内のタグがスリムになり、不要なタグをなくしている事によって軽いページが出来上がります。この軽いページというのがSEO上大切なポイントであります。
定番css解説サイトを紹介
定番のcss解説サイトを紹介しておきます。最初は自分で少しずつ作りながら簡単な表現形式文字サイズ、文字色、行間の指定等から覚えていくといいでしょう。、わからないところ、知りたいところを補っていくように参照していくのが良いのではないのでしょうか。
とほほのスタイルシート入門（基礎知識）
CSSスタイルシートの基礎知識から記述方法までを、サンプル付きで分かり易く解説しています。
ウェブマイスター スタイルシート倶楽部
スタイルシートの知識を分かりやすく説明してくれてます。
▼ スポンサード リンク
