link

基本は簡単です。例えば、描画能力の高いコンピュータスクリーン用に、/stylesheet/exterior.cssというCSSで書かれた外部スタイルシートを読み込む場合、次の一行で済みます。

前述のような記述で読み込まれるスタイルシートは、永続スタイルシート (Persistent Stylesheet。固定スタイルシートとも呼ばれる)と呼ばれます。永続スタイルシートは、閲覧者がその文書を見ている間、永続的に適用されます。

読み込む外部スタイルシートを永続させるには、rel属性にstylesheetを使い、title属性を使わないようにします。

永続スタイルシートは、次の場合に適用されなくなります。

代替スタイルシート (Alternate Stylesheet)は、閲覧者の好みに応じて適用されるスタイルシートです。例えば、森をイメージして作られたスタイルシート群を「森」という名前でグループ化し、ピラミッドの近くにいるかのようなイメージを持たせるスタイルシート群に「ピラミッド」という名前を付ければ、閲覧者は自分の好みに応じて「森」スタイルと「ピラミッド」スタイルを使い分ける事ができます。勿論これらは排他的で、例えば「森」スタイルを適用する時は「ピラミッド」グループのスタイルシートは適用されません。

読み込む外部スタイルシートを代替スタイルシートにするには、rel属性にalternateとstylesheetを含ませる──例えばalternate stylesheetを使い、title属性でスタイルのグループ名を付けます。

代替スタイルシートは、次の場合に適用されなくなります。

代替スタイルシートの中でも、スタイルシートの制作者が特に好んでいて、(最終的な決定は閲覧者に委ねるけれども)とりあえず最初はこのスタイルで見てほしいと思うスタイルがあるでしょう。代替スタイルシートの中で優先されるものは優先スタイルシート (Preferred Stylesheet)と呼ばれ、閲覧者が意図的に他の代替スタイルシートを選択しない限り適用されます。

読み込む外部スタイルシートを優先させるには幾つか方法がありますが、最も簡単なのはrel属性からalternateを取り除く事でしょう。勿論代替スタイルシートの一種なので、グループ名は付けておきます。

優先スタイルシートが適用されなくなるケースは、代替スタイルシートと同じです。即ち、次の場合に適用されなくなります。

代替スタイルシートの中で優先されるスタイルを決定する手段は、前述の通り幾つかあります。優先順位の高い方から順に、次のような手順で決定されます。