從print css談樣式表的媒介(media)屬性
來源:程序員人生 發(fā)布時(shí)間:2014-01-22 08:52:39 閱讀次數(shù):2761次
網(wǎng)(LieHuo.Net)教程 平時(shí)留意到許多成熟的web系統(tǒng)會(huì)帶一個(gè)文件名類似于print.css的樣式表,不知道其作用,今天抽空研究一下,發(fā)表些總結(jié)。
原來
print.css是專門給打印機(jī)設(shè)備定義樣式的,可以用如下幾種方式定義print css:
以下為引用的內(nèi)容: <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" /> @import url("print.css") screen; @media print { body { font-size: 12px; } } <style media="print">body{font-size:12px;}</style> |
其實(shí)
print是樣式表(stylesheet)的一個(gè)媒介(media)屬性,樣式表的媒介屬性有八種值:
all 用于所有輸出設(shè)備
braille 用于盲文觸覺反饋裝置
embossed 用于分頁盲文打印機(jī)
handheld 擬用于手持設(shè)備(通常是小屏幕,有限的帶寬)
print 用于打印機(jī)預(yù)覽及打印
projection 用于投影機(jī)
screen(默認(rèn)) 用于彩色計(jì)算機(jī)屏幕
speech 用于語音合成器,CSS2中也有類似的媒體類型(aural)
tty 擬使用于固定寬度(如電傳打字機(jī),碼頭,或顯示能力有限的便攜設(shè)備)的字符網(wǎng)格媒體。
tv 用于電視類型的設(shè)備(低分辨率,顏色,有限的可滾動(dòng)屏幕,音響可用)
看來要做一個(gè)高可用性的網(wǎng)站,需要注意的細(xì)節(jié)還有許多啊。
參考文檔:
http://www.w3.org/TR/CSS2/media.html
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)