記事参照
No.3 2007/03/30 16:22
題：Re: 効率のよい方法
名：カヅサツ
外部スタイルシートを使いましょう
以下の例は、a.html、b.html、style.css がそれぞれ同じディレクトリ(フォルダ)にあると想定しています。
a.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>a.html</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<p>a.html</p>
</body>
</html>
b.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>b.html</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<p>b.html</p>
</body>
</html>
style.css:
body{
color: #000000;
background-color: #FFFFFF;
background-image: url("http://www.google.co.jp/images/nav_logo.png");
}
この方法を使えば、背景画像どころか、背景色やフォント色その他諸々、ほんの少しの修正で、サイト内の多くのページの見た目を変えることが出来ます。
掲示板に戻る