CSSファイルの読み込み設定での注意点
HTMLファイルにCSSファイルを読み込む場合は以下を参考にしてください。
いずれかの方法で「スタイルシートの添付」ウィンドウでCSSファイルのリンクを設定するとき、「追加方法」という項目があります。
「リンクさせる」にチッェクを入れた場合、HTMLに記述されるのは以下のようになります。
<link href="CSSファイル名" rel="stylesheet" type="text/css" media="選択したメディア">
「ファイルを読み込む」にチッェクを入れた場合、HTMLに記述されるのは以下のようになります。
<style type="text/css" media="選択したメディア"> <!-- @import url("CSSファイル名"); --> </style>
Dreamweaver CS3ではメディアタイプをメディアという項目から設定できます。
メディアという項目に入力された値は属性mediaに追加されるメディアタイプになります。コンマ区切りで複数の属性の記述もできますが、その際、「tty,screen」と実際のタグと同じように記述する必要があります。
設定できる項目の属性mediaに記述される項目は以下です。
よくわからなければ、メディアの欄は特に空欄でも構いませんが、「すべて」を選んでおくといいでしょう。
Dreamweaverでの表示順番 | mediaへの記述 | 詳細 |
all | all | すべてのメディア |
aural | aural | 音声出力 |
braille | braille | 点字出力(点字ディスプレイなど) |
handheld | handheld | 携帯端末(PDAなど) |
印刷出力 | ||
projection | projection | プロジェクター |
screen | screen | PCディスプレイ |
tty | tty | 固定ピッチフォントで表示される端末(携帯電話など) |
tv | tv | テレビ |