2007年5月23日 星期三

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;} }

2 則留言:

{id: "Ticore"}; // 提到...

請問一下,『壞掉的印表機』該用哪一種?
冷.......呵呵

壞掉的印表機 提到...

"壞掉的印表機"要用.....
@media printttttt{
.test{}
}
保證會像壞掉一樣~沒有作用
哈哈哈