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