CSS2 媒介類型 · W3School HTML & CSS 教程

# CSS2 媒介類型 **媒介類型(Media Types)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。** ## 媒介類型某些 CSS 屬性僅僅被設計為針對某些媒介。比方說 "voice-family" 屬性被設計為針對聽覺用戶終端。其他的屬性可被用于不同的媒介。例如，"font-size" 屬性可被用于顯示器以及印刷媒介，但是也許會帶有不同的值。顯示器上面的顯示的文檔通常會需要比紙媒介文檔更大的字號，同時，在顯示器上，sans-serif 字體更易閱讀，而在紙媒介上，serif 字體更易閱讀。 ## @media規則 @media 規則使你有能力在相同的樣式表中，使用不同的樣式規則來針對不同的媒介。下面這個例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字體。但是假如頁面需要被打印，將使用 10 個像素的 Times 字體。注意：font-weight 被設置為粗體，不論顯示器還是紙媒介： ``` <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> ``` ## 不同的媒介類型注釋：媒介類型名稱對大小寫不敏感。 | 媒介類型 | 描述 | | --- | --- | | all | 用于所有的媒介設備。 | | aural | 用于語音和音頻合成器。 | | braille | 用于盲人用點字法觸覺回饋設備。 | | embossed | 用于分頁的盲人用點字法打印機。 | | handheld | 用于小的手持的設備。 | | print | 用于打印機。 | | projection | 用于方案展示，比如幻燈片。 | | screen | 用于電腦顯示器。 | | tty | 用于使用固定密度字母柵格的媒介，比如電傳打字機和終端。 | | tv | 用于電視機類型的設備。 |