CSS(スタイルシート)とは?−CSSレイアウト

CSS(スタイルシート)の詳細と利点


HTMLタグ講座トップ > CSSレイアウト > CSSの基本 > CSS(スタイルシート)とは?

スポンサード リンク

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の 解釈の仕方の違いにより表示のされ方が変わります。

  • 各ブラウザのダウンロード先

CSSでレイアウトを作る時は、特に注意が必要です。各ブラウザで表示のされ方を確認しながらウェブページの作成を行いましょう。



次へ:idとclass



関連ページ

[PR] ファビコンやデコメ(絵文字)が作成できるツールの運営を始めました。

ホーム  HTML  CSS  ツール  カラーチャート  HP作成  レイアウト  SEO  ユーザビリティ  収入  

CSSレイアウトカテゴリ一覧へ戻る

ページの先頭へ


HTMLタグ講座について - リンクについて - 免責事項 - サイトマップ - お問い合わせ