ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3 メディアについて詳しく見る

CSS3 メディアについて詳しく見る

高洛峰
高洛峰オリジナル
2017-03-28 17:36:351553ブラウズ

css3 Media

Media Typeメディアタイプ

メディアタイプはCSS2では非常に便利な属性です。メディア タイプを使用すると、デバイスごとに異なるスタイルを指定できます。
W3C では、表に示すように、合計 10 種類のメディア タイプをリストしています。目の見えない人

エンボス点字タイプライターハンドヘルドポータブルデバイス印刷印刷用紙または印刷プレビュービュー投影各種投影装置画面コンピュータモニタースピーチスピーチまたはオーディオシンセサイザーTVテレビタイプのデバイスTtyテレタイプライターや端末など、固定密度の文字グリッドを使用するメディアlink メソッド
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
xml メソッド
<?xml-stylesheet type="text/css" media="screen" href="style.css">
どこの画面、すべて、および印刷は、最も一般的な 3 つのメディア タイプです。 メディア タイプ参照メソッド
: タグがスタイルを参照するときにメディア タイプを導入し、media 属性を通じてさまざまなメディア タイプを指定します。
: リンクによって導入されるメディア タイプと同様に、メディア属性によっても指定されます。
@import メソッド: @import はスタイル ファイルの参照に使用されるメソッドの 1 つであり、型の参照にも使用できます。 @importメディア タイプを導入するには、主に 2 つの方法があります。

1 つは、スタイル ファイルの @import を介して別のファイルを呼び出す方法です。

@import url(style.css) screen;

もう 1 つは、タグ