===============css04

===============css04_1.css==============

※外部ファイル

h1 {font-size:30pt;background-color:aqua;}

h2 {font-size:12pt;background-color:yellow;}

strong.blue {color:blue;}

================css04_1.html============

<html>

<head>

<title>CSS04</title>

<link rel="stylesheet" href="css04_1.css" type="text/css">　　←※・外部ファイルの読込

</head>

<body>

<h3>●2-5スタイルシートの記述方法●</h3>

スタイルシートの記述方法には３通りあります。<br>

・HTML内の埋め込み<br>

・タグによる直接記述<br>

・外部ファイルの読込<br>

<h3>★外部 CSSファイルの読込＜link rel=stylesheet href="ファイル名" type="text/css"＞★</h3>

HTMLファイル上ではスタイルの設定は行わず、外部にCSSファイルを用意し、

必要に応じてHTMLファイルに読み込ませる方法です。複数のHTMLファイルに同一のCSSファイルを

読み込んで、サイト全体のページの雰囲気を統一したい場合などに利用します。

スタイルシートを記述するファイルの拡張子は「css」となります。

<h1>Menu</h1>　←※　h1 {font-size:30pt;background-color:aqua;}

<h2>セコンド･ピアット Second Piatto</h2>　←※h2     {font-size:12pt;background-color:yellow;}

<p>メインディッシュに該当します。

メニューは

<strong class="blue">「ピアット・デ・カルネ」</strong>　←※strong.blue  {color:blue;}

といわれる肉料理と

<strong class="blue">「ペッシュ・デ・カルネ」</strong>　←※strong.blue  {color:blue;}

といわれる魚料理が分けて書かれています。

肉料理はロースト、カツレツ、ステーキ、ワインと香草での煮込みが一般的です。

魚料理はフライ、オーブン焼き、グリルが定番です。</p>

</body>

</html>

2007.07.11 tateda-yoshio