CSS - Media Types - 極客書

樣式表的一個最重要的特性是它們指定了文檔如何在不同的媒體上呈現：螢幕上、紙上、語音合成器上、盲文設備上等等。

我們目前有兩種方法可以指定樣式表的媒體依賴項−

使用@media或@import at規則指定樣式表中的目標媒體。
指定文檔語言中的目標媒體。

The @media rule

@media規則指定一組規則的目標媒體類型（用逗號分隔）。

下面是一個例子;

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

The Document Language

在HTML 4.0中，LINK元素上的media屬性指定外部樣式表的目標媒體−

下面是一個例子−

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Recognized Media Types

爲CSS媒體類型選擇的名稱反映了相關屬性有意義的目標設備。它們提供了媒體類型所指的設備的含義。下面列出了各種媒體類型的列表;

Sr.No.	Value & Description
1	全部適用於所有設備。
2	聽覺的用於語音合成器。
3	盲文用於盲文觸覺反饋裝置。
4	浮雕用於分頁盲文印表機。
5	手持式用於手持設備（通常是小螢幕、單色、有限帶寬）。
6	列印用於分頁、不透明材料和在列印預覽模式下在螢幕上查看的文檔。請參閱頁面媒體部分。
7	projection 用於投影演示文稿，例如投影儀或列印到透明膠片。請參閱頁面媒體部分。
8	我不知道。我不知道。主要用於彩色計算機螢幕。
9	tty公司用於使用固定間距字符網格的媒體，如電傳打字機、終端或顯示能力有限的可攜式設備。
10	電視用於電視類設備。

注意−媒體類型名稱不區分大小寫。