JoyWave便利箱「スタイルシート例１」

背景色を薄い黄色に指定しました。
あわせて、表示するフォントもclass指定しています。
<head>～</head>に、
<style type="text/css">  </style>
と書いています。
「/*　薄い黄色　*/」はスタイルシート記述中のコメントで、
htmlソースの「」と同じです。

この程度なら、普通に
<body bgcolor="#ffffbb">
と書く方が簡単です。

しかし、多くのページに利用したり、後日すべてのページの背景色を変更するときには
別のスタイルシート（style1.css）に、
body { background-color:#ffffbb; }　　/*　薄い黄色　*/ .f16 { font-size:16px; line-height:150%; font-family:'MS UI Gothic'; }
と書いておき、各ページのソース（<head>～</head>の間）に、 <link href="style1.css" type="text/css" rel="stylesheet"> と書けば、スタイルシートの色指定を変更するだけで、全ページの色が変わります。

スタイルシートに戻る