媒介類型(Media Types)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。

某些 CSS 屬性僅僅被設計為針對某些媒介。比方說 voice-family 屬性被設計為針對聽覺用戶終端。其他的屬性可被用于不同的媒介。例如， font-size 屬性可被用于顯示器以及印刷媒介，但是也許會帶有不同的值。顯示器上面的顯示的文檔通常會需要比紙媒介文檔更大的字號，同時，在顯示器上，sans-serif 字體更易閱讀，而在紙媒介上，serif 字體更易閱讀。

@media 規則使你有能力在相同的樣式表中，使用不同的樣式規則來針對不同的媒介。

下面這個例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字體。但是假如頁面需要被打印，將使用 10 個像素的 Times 字體。注意：font-weight 被設置為粗體，不論顯示器還是紙媒介：

 html  head  style @media screenp.test {font-family:verdana,sans-serif; font-size:14px}@media printp.test {font-family:times,serif; font-size:10px}@media screen,printp.test {font-weight:bold} /style  /head  body .... /body  /html 

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。