CSS2 Media Types

媒體類型允許你指定的檔案將在不同的媒體。該檔案可以以不同的方式顯示在螢幕上，在紙上，一個聽覺的瀏覽器，等

媒體類型
有些的CSS屬性只可用於某些媒體。例如， “語音家庭”的財產是專為聽力使用者代理程式。其他一些特性可用於不同的媒體類型。例如， “字型大小”屬性可用於螢幕和印刷媒體，但也許有不同的價值觀。檔案通常需要較大的字型大小在螢幕上，而不是檔案，無，襯線的字型更易於閱讀螢幕上，而字型的字型更容易閱讀在紙面上。


@媒體的規則
@媒體的規則允許不同風格的規則不同媒體在同一樣式表。

風格在下面的例子告訴瀏覽器顯示一個14像素的綠色字型在螢幕上。但是，如果該網頁是印刷，這將是10像素時報字型。請注意，字型粗細設定為粗體，都在螢幕上和檔案：

<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>不同媒體類型
註：媒體類型名稱是不區分大小寫