HTML文書HTML Documentにスタイルシートstyle sheetを適用するには、スタイルシート(CSS)を記述したファイル(外部スタイルシートファイル)を作成して、HTML文書から参照させればよい。
link要素を用いたスタイルシートの指定
スタイルシートへの参照は、〈head要素〉の中の「link要素」を用いて記述すればよい。HTML文書にスタイルシートを適用するための〈link要素〉は、次のように記述すればよいだろう。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/
xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="CSSファイルの場所" />
<title>ページのタイトル</title>
</head>
ここで、「CSSファイルの場所」は、〈アンカー要素〉のhref属性の指定と同様に指定すばよい。例えば、CSSファイルのファイル名が"normal.css"だとすると、「normal.css」とか「../xxx/normal.css」のように指定することになるだろう。
〈リンク要素〉を用いて「index.html」に「normal.css」への参照を記述しよう。