平時留意到許多成熟的web系統(tǒng)會帶一個文件名類似于print.css的樣式表,不知道其作用,今天抽空研究一下,發(fā)表些總結(jié)。
原來
print.css是專門給打印機(jī)設(shè)備定義樣式的,可以用如下幾種方式定義print css:
1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css"
media="print" />
2. @import url("print.css")
screen;3. @media
print { body { font-size: 12px; } }
4. <style
media="print">body{font-size:12px;}</style>
其實(shí)
print是樣式表(stylesheet)的一個媒介(media)屬性,樣式表的媒介屬性有八種值:
all 用于所有輸出設(shè)備
braille 用于盲文觸覺反饋裝置
embossed 用于分頁盲文打印機(jī)
handheld 擬用于手持設(shè)備(通常是小屏幕,有限的帶寬)
print 用于打印機(jī)預(yù)覽及打印
projection 用于投影機(jī)
screen(默認(rèn)) 用于彩色計算機(jī)屏幕
speech 用于語音合成器,CSS2中也有類似的媒體類型(aural)
tty 擬使用于固定寬度(如電傳打字機(jī),碼頭,或顯示能力有限的便攜設(shè)備)的字符網(wǎng)格媒體。
tv 用于電視類型的設(shè)備(低分辨率,顏色,有限的可滾動屏幕,音響可用)
看來要做一個高可用性的網(wǎng)站,需要注意的細(xì)節(jié)還有許多啊。
參考文檔:http://www.w3.org/TR/CSS2/media.html
Tag標(biāo)簽: CSS