CSS(スタイルシート)とは?
CSS(スタイルシート)とは?
CSS(カスケーディングスタイルシート 以下スタイルシート)は、Cascading Style Sheetの頭文字を取ってCSSとなっています。HTMLとCSSの違いは以下のようになっています。
- HTML
HTMLは、テキスト(文字)に役割を持たせる役割をする
- CSS
CSSは、色やレイアウトなど見た目を決める役割をする
CSS(スタイルシート)の良い点
- HTMLソースが短い
CSSを利用することでHTMLのソースが短く。短くになると、HTMLファイル自体の容量が減り、ウェブブラウザに表示されるまでの時間を短縮することが出来ます。
- メンテナンスが簡単
CSSを利用せず、HTMLファイルで見た目を決めてしまった場合、見た目に不都合が発生し、修正した場合、作成したファイルを一つ一つ修正しなければならずとても大変です。CSSで見た目を決めている場合、CSSの不都合箇所を修正すれば修正完了です。
- SEO対策(検索エンジン最適化)
CSSを利用すると、文章と見た目を切り離すことが出来ますので、テキスト(文字)しか読み取れない検索エンジンの仕組みにとても有効になります。当サイトでは、SEO対策(検索エンジン対策)についてのページがありますので参考にしてください。
CSS(スタイルシート)の注意点
CSSを利用した時に一番問題になるのが、ブラウザでの表示の違いがあります。ブラウザには、IE(Internet Explorer)やFirefox、Netscapeなどがありますが、各ブラウザのCSSの 解釈の仕方の違いにより表示のされ方が変わります。
- 各ブラウザのダウンロード先
- Internet Explorerのダウンロード先へ移動
- Firefoxのダウンロード先へ移動
- Netscapeのダウンロード先へ移動
CSSでレイアウトを作る時は、特に注意が必要です。各ブラウザで表示のされ方を確認しながらウェブページの作成を行いましょう。