<LINK rel="stylesheet" href="URL" type="text/css">
StyleSheetのみを記述した別ファイルを用意しておいて、それをLINK要素を使ってHTML文書内に読み込みます。
別ファイルはCSSファイルと呼ばれ、拡張子は通常「.css」になります。
このLINK要素は、<HEAD> 〜 </HEAD>の範囲内に指定します。
複数のCSSファイルを読み込む場合は、このLINK要素を必要な数だけ指定します。
また、一つのCSSファイルを複数のHTML文書で共通して利用すると、CSSファイルを修正するだけで複数のHTML文書を修正することができます。
CSSファイルをHTML文書内に読み込む
一つのCSSファイルを複数のHTML文書で利用する
複数のCSSファイルをHTML文書内に読み込む
このほかにも、スタイルの指定方法はいくつかあります。
詳しいことは、『
CSSの指定方法』を御覧ください。
当サイトもCSSファイルを読み込んで、表示方法を指定しています。
- HTML文書 -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>外部スタイルを読み込む</TITLE>
<LINK rel="stylesheet" href="../style.css" type="text/css">
</HEAD>
<BODY bgcolor="#ffffff">
<P>当サイトもCSSファイルを読み込んで、表示方法を指定しています。</P>
</BODY>
</HTML>
- CSSファイル (../style.css) -
td,tr,p,caption{
FONT-FAMILY: Verdana, Tahoma, sans-serif;
color:#000000;
line-height : 1.6;
font-size:13px;
}