HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ  > CSSの基本  > CSSとは?

★CSSの基本

■CSSとは?

スタイルシートとCSS

CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。 ワープロソフトなどで作成される文書も含めて、文書のスタイルを指定する技術全般をスタイルシートといいます。HTMLやXHTMLなどで作成されるウェブページにスタイルを適用する場合には、スタイルシート言語の1つであるCSSが一般的に利用されています。

CSSは、HTMLと組み合わせて使用する言語です。 HTMLがウェブページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定します。 例えば、ウェブページがスクリーンに表示される際の色・サイズ・レイアウトなどの表示スタイルや、 プリンタなどの機器で印刷・出力される際の出力スタイル、 音声で読み上げられる際の再生スタイルなど、 ウェブページをどのようなスタイルで表示・出力・再生するかについて指定することができます。

スタイルシートが必要な理由

現在、ウェブページを制作する言語として広く利用されているHTML4.01やXHTML1.0には、 <center>や<font>などの装飾目的の要素(タグ)や属性が存在しています。 また、<table>タグでレイアウトをまとめるなどの方法を駆使すれば、 HTMLだけでウェブページの見栄えを制御することもできなくはありません。

しかし、ウェブページのスタイリングにHTMLを用いるべきではありません。 HTMLは情報構造を定義するための言語であり、見栄えの制御のために本来の役割とは違った使い方をすると、 文書の情報構造がでたらめになってしまうからです。 コンピュータや検索エンジンに理解されないでたらめな文書構造になってしまえば、せっかくの情報もうまく活用されません。

また、HTMLの要素(タグ)をどのように表示するかは、ユーザーエージェント(ブラウザ)によって異なることがあります。 HTMLタグを駆使してある閲覧環境では見栄え良くレイアウトできたとしても、 他の閲覧環境ではまったく意図しないレイアウトになってしまうこともありえます。

文書構造とスタイル指定を分離する

HTML4.01やXHTML1.0の仕様では、 HTML文書から見栄えに関する指定を分離することが望ましいとされています。 HTMLでは文書構造のみを定義して、 スタイルについてはスタイルシートで指定することが推奨されています。

HTML4.01やXHTML1.0では、センター揃えをする<center>、フォントの見栄えを指定する<font>などの装飾目的の要素や、 色・サイズ・ボーダーなどを指定する装飾目的の属性については非推奨(deprecated)とされながらも使用することができますが、 HTMLの次世代バージョンとなるHTML5では、 <center>や<font>などは 廃止される予定 となっています。

HTML文書にCSSを適用する

<前へ 記事一覧へ 次へ>
トップページ  > CSSの基本  > CSSとは?

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
[PR] 大手・有名企業、首都圏のIT・営業職求人が豊富≪マイナビエージェント≫
[PR] 【リクナビ派遣】スキルをつける、スキルを磨く、派遣なら両方できる!
[PR] えっ、バイトが決まってお金がもらえるの?!
[PR] 派遣の求人ならジョブセンス派遣
[PR] 「オフィスワーク」のアルバイトはこちら
[PR] 無料で本格的な適職診断『とらばーゆ』
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2014 HTMQ