CSS針對各種瀏覽媒體的設定

CSS可以指定給很多不同的瀏覽媒體
詳細的各式媒體如下：

media="screen" (螢幕)
media="print" ("正常的"印表機)
media="tv" (電視)
media="projection" (投影機)
media="handeld" (手持式資訊 )
media="tty" (文字大小為固定格式的機器，像是電報或是終端機...等等)
media="aual" (聲音輸出裝置，像是電子合成樂器)
media="braille" (點字輸出裝置，像是點字顯示器)
media="all" (全都可用)

使用方式
可在html的表頭之中加入
< link href="print.css" type="text/css" rel="stylesheet" media="print" >

也可以採用第二種方式撰寫將下列項目寫在CSS檔案中
/*此範例是寫給印表機使用*/
@media print{
body{maring:0; padding:0;}
table td{padding:2px;}
.test{color:#F00;} }

/*此範例是寫給螢幕使用*/
@media screen{
body{maring:0; padding:0;}
table td{padding:12px;}
.test{color:#0F0;} }