Posted on 2011-05-28 21:22
RTY 閱讀(156)
評(píng)論(0) 編輯 收藏 引用 所屬分類(lèi):
CSS
媒介類(lèi)型(Media Types)允許你定義以何種媒介來(lái)提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽(tīng)覺(jué)瀏覽器等等。
媒介類(lèi)型
某些 CSS 屬性僅僅被設(shè)計(jì)為針對(duì)某些媒介。比方說(shuō) "voice-family" 屬性被設(shè)計(jì)為針對(duì)聽(tīng)覺(jué)用戶終端。其他的屬性可被用于不同的媒介。例如，"font-size" 屬性可被用于顯示器以及印刷媒介，但是也許會(huì)帶有不同的值。顯示器上面的顯示的文檔通常會(huì)需要比紙媒介文檔更大的字號(hào)，同時(shí)，在顯示器上，sans-serif 字體更易閱讀，而在紙媒介上，serif 字體更易閱讀。
@media規(guī)則
@media 規(guī)則使你有能力在相同的樣式表中，使用不同的樣式規(guī)則來(lái)針對(duì)不同的媒介。
下面這個(gè)例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字體。但是假如頁(yè)面需要被打印，將使用 10 個(gè)像素的 Times 字體。注意：font-weight 被設(shè)置為粗體，不論顯示器還是紙媒介：
<html> <head> <style> @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} } </style> </head> <body>....</body> </html>
不同的媒介類(lèi)型
注釋：媒介類(lèi)型名稱對(duì)大小寫(xiě)不敏感。
| 媒介類(lèi)型 | 描述 |
|---|
| all | 用于所有的媒介設(shè)備。 |
| aural | 用于語(yǔ)音和音頻合成器。 |
| braille | 用于盲人用點(diǎn)字法觸覺(jué)回饋設(shè)備。 |
| embossed | 用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。 |
| handheld | 用于小的手持的設(shè)備。 |
| print | 用于打印機(jī)。 |
| projection | 用于方案展示，比如幻燈片。 |
| screen | 用于電腦顯示器。 |
| tty | 用于使用固定密度字母柵格的媒介，比如電傳打字機(jī)和終端。 |
| tv | 用于電視機(jī)類(lèi)型的設(shè)備。 |