PR	★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートを使う

▼スタイルシートを外部に飛ばす

複数あるhtmlファイルを、1枚のスタイルシートで一度に指示できます。

	→
style.css		index.html	main.html
背景、文字色などstyle.cssで指示されたまま各HTMLファイルに反映される

メモ帳を起動して、以下のサンプルタグをコピペしてください。スタイルシートを外部で使用する場合は、通常のスタイルシートで使用する<style type=text/css>やと、</style>は入れる必要はありません。

body
{
background-color : #CCCCFF ;
color:#666666;
font-size: 22px;
}

style.cssという名前で保存します。

スタイルシートを反映させるHTMLファイルの<head>から</head>の間に以下のタグを入れます。

<html>
<head>
<title>
私のホームページ
</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>

<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
ここは私のホームページです。<br>

～中略～

</body>
</html>

スタイルシートが反映されているかどうかブラウザを起動して確認してください。