|
看起來如何
在我的個(gè)人網(wǎng)站上使用打印樣式表與先前我們一同制作的示例十分類似,你能比較一下圖11-1和11-2,看看我是怎么設(shè)計(jì)打印樣式的,去掉導(dǎo)航,側(cè)邊欄,同時(shí)揭露鏈接內(nèi)容,調(diào)整字體和字體大小讓本文更容易閱讀.
圖11-1 SimpleBits 以瀏覽器查看,使用屏幕樣式表
圖11-2 SimpleBits打印版
從圖11-1和11-2可以清楚的發(fā)現(xiàn),只要一個(gè)小小的CSS文檔,就能為任何頁面提供專門用來打印的特殊版本.這是個(gè)任何項(xiàng)目都很容易加入的功能,同時(shí)能在使用者嘗試打印你的頁面時(shí)增加體驗(yàn).
下次如果你的老板說:"我們需要為網(wǎng)站建立一份打印友好的新模板,而且還要完全一樣的目錄結(jié)構(gòu)",你就能從后口袋中(或其他放得下這本書的地方)抽出這個(gè)小技巧了.
如果你想知道更多打印樣式的設(shè)計(jì)技巧,一定要閱讀CSS大師 Eric Meyer的文章 " CSS Design: Going to Print " (http://www.alistapart.com/articles/goingtoprint) 以及 " Print Different " ( http://www.meyerweb.com/eric/articles/webrev/200001.html ).
歸納
我們稍微討論了打印樣式表里面能包含的規(guī)則.由于可以指定媒體類型,將打印,屏幕顯示所有的樣式分開,因此為每種媒體調(diào)整細(xì)節(jié)變得十分簡單,容易維護(hù)與管理.不再需要為整個(gè)網(wǎng)站建立一份打印友好的副本,因?yàn)槟憧梢允褂孟嗤臉?biāo)記源代碼,配上一份打印專用的CSS文檔完成相同的功能.
未來我希望其他設(shè)備也能支持更多媒體類型,如果為特定設(shè)備設(shè)計(jì)CSS樣式就能讓PDA,手提電話與屏幕閱讀器正常讀取同一份XHTML的話,我們的工作便可以輕松不少.
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2824466-1-1.html
下文：Chapter 12 CSS布局
本文鏈接：http://m.95time.cn/tech/web/2008/6037.asp 
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 標(biāo)記語言——打印樣式 [4] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 5 頁 標(biāo)記語言——打印樣式 [5]
