メディアタイプはCSS2では非常に便利な属性です。メディア タイプを使用すると、デバイスごとに異なるスタイルを指定できます。
W3C では、表に示すように、合計 10 種類のメディア タイプをリストしています。目の見えない人
点字タイプライター | |
---|---|
ポータブルデバイス | |
印刷用紙または印刷プレビュービュー | |
各種投影装置 | |
コンピュータモニター | |
スピーチまたはオーディオシンセサイザー | |
テレビタイプのデバイス | |
テレタイプライターや端末など、固定密度の文字グリッドを使用するメディア | |
どこの画面、すべて、および印刷は、最も一般的な 3 つのメディア タイプです。 | メディア タイプ参照メソッド |
link メソッド | : タグがスタイルを参照するときにメディア タイプを導入し、media 属性を通じてさまざまなメディア タイプを指定します。 |
xml メソッド | : リンクによって導入されるメディア タイプと同様に、メディア属性によっても指定されます。 |
@import メソッド
: @import
はスタイル ファイルの参照に使用されるメソッドの 1 つであり、型の参照にも使用できます。 @import
メディア タイプを導入するには、主に 2 つの方法があります。 1 つは、スタイル ファイルの @import
を介して別のファイルを呼び出す方法です。@import url(style.css) screen;