CSSスタイル レイアウトデザイン

Webページの基本

 Webページの基本となるHTMLファイルは、HTML=Hypre Text Markup Languageというプログラム言語を使って書かれています。しかしいまのウェーブページ はデザインを重要視するあまり 本来のHTMLの役割とは異なる使いかたが多くみられます。HTMLはデザインをするために開発された言語ではないのでデザインの重度は高くありません。
スタイルシートCSS=Cascading Style Sheetはウェブページのレイアウトを、きめ細やかに 指定する事の出来る規格です。HTMLとスタイルシートの組み合わせによって大きなメリットが生まれます。

CSS レイアウトブロックモデルとブロックレベル・インライン要素の基本。

文書構造:HTML
デザイン:スタイルシート

上記の組み合わせでWebページを制作する事が現在の主流になりつつあります。

スタイルシートのメリット

  • メンテナンスのしやすさ
  • 繊細なデザインが可能 デザインの統一性
  • ページデザインを共有出来る
  • サーチエンジン対策、アクセシビリティの向上

スタイルシートのデメリット

  • たくさんのメリットをもつスタイルシートにも問題はあります。
  • ブラウザの種類によってスタイルシートの解釈が異なるためスタイルシートに対応しているブラウザでも表示の異なるケースがみられます。
  • 同じ種類のブラウザでもバージョンがちがうと対応状況もちがいます。

Internet explorerFirefox1.5Internet Explorer6/7/8 Firefox1.5/2.0/3.08など。