CSS 媒體類型

媒體類型允許你指定文件將如何在不同媒體呈現(xiàn)。該文件可以以不同的方式顯示在屏幕上，在紙張上，或聽(tīng)覺(jué)瀏覽器等等。?

媒體類型

一些 CSS 屬性只設(shè)計(jì)了某些媒體。例如 voice-family 屬性是專為聽(tīng)覺(jué)用戶代理。其他一些屬性可用于不同的媒體類型。例如， font-size 屬性可用于屏幕和印刷媒體，但有不同的值。屏幕和紙上的文件不同，通常需要一個(gè)更大的字體，sans-serif 字體比較適合在屏幕上閱讀，而 serif 字體更容易在紙上閱讀。

@media 規(guī)則

@media 規(guī)則允許在相同樣式表為不同媒體設(shè)置不同的樣式。

在下面的例子告訴我們?yōu)g覽器屏幕上顯示一個(gè) 14 像素的 Verdana 字體樣式。但是如果頁(yè)面打印，將是 10 個(gè)像素的 Times 字體。請(qǐng)注意，font-weight 在屏幕上和紙上設(shè)置為粗體：

實(shí)例

@media screen { p.test {font-family:verdana,sans-serif;font-size:14px;} } @media print { p.test {font-family:times,serif;font-size:10px;} } @media screen,print { p.test {font-weight:bold;} }

運(yùn)行代碼 ?

你可以自己嘗試看看 ! 如果您使用的是 Mozilla / Firefox 或 IE5+ 打印此頁(yè)，你會(huì)看到，媒體類型將使用另一種比其他文本字體大小小點(diǎn)的字體顯示。

其他媒體類型

注意：媒體類型名稱不區(qū)分大小寫。

媒體類型	描述
all	用于所有的媒體設(shè)備。
aural	用于語(yǔ)音和音頻合成器。
braille	用于盲人用點(diǎn)字法觸覺(jué)回饋設(shè)備。
embossed	用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。
handheld	用于小的手持的設(shè)備。
print	用于打印機(jī)。
projection	用于方案展示，比如幻燈片。
screen	用于電腦顯示器。
tty	用于使用固定密度字母柵格的媒體，比如電傳打字機(jī)和終端。
tv	用于電視機(jī)類型的設(shè)備。

上一篇：CSS 圖像拼合技術(shù) 下一篇：CSS 屬性選擇器