<html>
<head>
<title>CSS02</title>
<style type="text/css">
h1{font-size:30pt;background-color:aqua;}
h2{font-size:12pt;background-color:yellow;}
strong.blue{color:blue;}
strong.a{color:blue;}
strong.b{color:green;}
strong.c{color:yellow;} ※アルファベットで指定してみました。
strong.d{color:fuchsia;}
strong.e{color:purple;}
strong.f{color:red;}
</style>
</head>
<body>
<h3>●2-3スタイルシートの記述方法●</h3>
スタイルシートの記述方法には3通りあります。<br>
HTML内の埋め込み<br>
・タグによる直接記述<br>
・外部ファイルの読込<br>
<h3>★指定場所だけにスタイルシートを適用★</h3>
<h3>要素.クラス{属性値:値;}→<要素 class="クラス名"></h3>
<h3>要素#ID名{属性値:値;}→<要素 id="ID名"></h3>
<h3></h3>
<h3></h3>
<h1>Menu</h1>
<h2>基本的なオーダーの方法</h2>
<p>フルコースは、アンティパスト、プリモ・ピアット、セコンド・ピアット、
コントルノの順で頼み、食後には、ドルチェ(デザート)と最後に<strong class="blue">
カフェ</strong>をいただきます。</p>
<h2>ヴィーノVino(ワイン)</h2>
<p>ミネラル ウォーターとワインを頼みます。多くの場合、お料理に合わせてオーダーしますが
最初に選んでしまっても問題ありません。<strong class="blue">カメリエーレ</strong>
<strong class="blue">ソムリエ</strong>におすすめを聞いてみるとよいでしょう。</p>
<h2>アンティパスト Antipasto(前菜)</h2>
<p>生ハムとメロン、魚介類や、「カルパッチョ」という薄切りの牛肉にパルミジャーノチーズ
を乗せたものが一般的です。盛り合わせは<strong id="blue">「ミスト」</strong>します。</p>
<h2>要素.クラス{属性:値}→strong.a〜f{color:英文字;}でテストしてみました。</h2>
  <strong class="a">@strong.a{color:blue;}の場合 舘田 良雄</strong><br>
  <strong class="b">Astrong.b{color:green;}の場合 舘田 良雄</strong><br>
  <strong class="c">Bstrong.c{color:yellow;}の場合 舘田 良雄</strong><br>
  <strong class="d">Cstrong.d{color:fuchsia;}の場合 舘田 良雄</strong><br>
  <strong class="e">Dstrong.e{color:purple;}の場合 舘田 良雄</strong><br>
  <strong class="f">Estrong.f{color:red;}の場合 舘田 良雄</strong>
</p>
</body>
</html>

2007.07.05  tateda-yoshio