對於CSS中的媒體樣式表，之前看書的時候一帶而過，今天在看Bootstrap書籍時，看到了有關知識點，在這裏註意一下這個小細節。

　　媒體樣式，就是通過設定使得文檔應用於何種媒體“場合”。對於CSS中，通過media屬性，可以設置文檔的媒體樣式。

　　media屬性值如下：

• all 默認屬性值，用於所有媒體
• aural 用於語音合成器、屏幕閱讀器和文檔的其他聲音表現
• braille 用Braille設備表現文檔
• embossed 用Braille打印設備
• handheld 用於手持設備、如個人數字助理或支持Web的蜂窩電話
• print 為視力正常的用戶打印文檔時使用，另外還會在顯示文檔的“打印預覽”時使用
• projection 用於投影媒體，如發表演講時顯示幻燈片的數字投影儀
• screen 在屏幕媒體（如桌面計算機監視器）中表現文檔時使用。在這種系統上運行的所有Web瀏覽器都是屏幕媒體用戶代理
• tty 在固定間距環境（如電傳打字機）中顯示文檔時使用
• tv 在電視上顯示文檔時使用

PS：Oh...以上內容只是保持筆記的完整性，好多東西都不知道是幹嘛的，只能目前強行灌輸。不過以上大部分媒體類型可能存在兼容性，應用最廣泛的類型有：all,screen,print。

　　定義媒體類型可以運用在樣式表（無論外鏈還是內嵌在HTMLstyle樣式中）,還可以利用@media塊定義樣式，下面進行一下演示：

　　1.在引用外部樣式表文件時：

<link rel = "stylesheet" type = "text/css" media = "screen" href = "/libs/article-screen.css">

解釋：利用link標簽引入外部樣式表，通過media屬性指定該樣式表應用在何種媒體類型中。該實例中的article-screen.css僅應用於屏幕媒體。當然，也可以對於一個樣式表指定多個媒體類型，只需在media屬性中以逗號分隔即可。

　　2.在HTML中的內嵌樣式中：

<style type = "text/css" media = "screen">
    body{
      color:#ccc;
      font-family:sans-serif;    
    }
</style>

相信看後肯定會理解的。

　　3.利用@media定義，在同一個樣式表中定義多個媒體定義樣式

<style type = "text/css">
    @media screen{
        h1{
           font-family:serif;
           }
     }
    @media print{
        h1{
           font-family:sans-serif; 
       } 
    }
</style>

解釋：以上表明在屏幕媒體中使用一種字體，在打印媒體中使用另一種字體。

註意：對於XML語言來說，其並沒有media屬性，因此必須使用@media塊定義媒體類型！

關於媒體樣式表簡介