テーマ1.外部cssファイルを使う
最近のホームページ作成においては、外部cssファイルを使うのが一般的です。
見栄えに関する内容は、スタイルシートで記述することが推奨されています。
そのスタイルシートを外部ファイル化して、それを読み込ませる方法です。
複数のhtmlファイルで共通のスタイルを適用しておくと良いでしょう。
スタイルを変更したい場合、一つの外部cssファイルを修正するだけで済みます。
<htmlの記述例>
<head>
<link rel="stylesheet" href="style.css">
</head>
<htmlの説明>
ヘッド部分に上記のような一行を追加します。
この例ではstyle.cssという外部cssファイルを読み込ませています。
なお、事前にファイルを作成しアップしておく必要があります。
<cssファイルの記述例>
body {
padding: 0;
margin: 0;
background-image: url("images/bg1.gif");
}
#contents {
width: 709px;
margin-right: 20px;
margin-left: 20px;
}
.style1 {
text-align: center;
color: #336633;
line-height: 1.0em;
padding-top: 0.7em;
font-size: 100%;
margin-top: 0;
margin-bottom: 0.6em;
}
<cssファイルの説明>
記述方法の単なる一例なので、説明はここでは省略します。
次ページ以降に具体的なホームページ作成の内容が続きます。