前へ 目次 次へ
HTMLにスタイルシートを組み込む
　

あるタグの範囲だけでなく、HTMLファイル全体に適応するためのCSS2を設定するためには、 style 要素を使います。

ここでは、この style 要素の使い方をみてみましょう。

　
style 要素の使い方
　

style 要素は、head 要素内に記述します。 どの要素に対して適用するのかを指定し、 CSS2を記述します。

HTML4.01では、スタイルシートに対応していないブラウザのために、 スタイルシート部分をコメントアウトしておくことになっています。 この方法は、XHTMLなどではうまく動作しないため、 外部に別ファイルのスタイルシートを用意して読みこむ方法が最も無難でしょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>「歩行ロボット進化論」</title>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">

<style type="text/css">
<!--
body{
   color: #ff0000;
   background-color: #ffff00
}
-->
</style>


</head>
<body>
<ul>
<li>自己紹介</li>
<li>自作歩行ロボット紹介</li>
<li>歩行ロボットリンク集</li>
<li>日記</li>
</ul>
</body>
</html>

クリックすると表示結果をみることができます。

　
2003/07/23(Wed)
トップページへ
広告 花 万馬券 無料レンタルサーバー ブログ blog