古风,大主宰txt全集下载,完美世界官网

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

完美實現(xiàn)XHTML／CSS頁面轉(zhuǎn)換為打印機頁面

本文向大家描述一下如何把XHTML／CSS頁面轉(zhuǎn)換成為打印機頁面，使用結構化的XHTML標示和CSS格式將內(nèi)容和表示分離開來的一個優(yōu)勢在于，通過更改CSS樣式，你可以很輕易就把內(nèi)容重新格式化。

把XHTML／CSS頁面轉(zhuǎn)換成為打印機頁面

在以前，為Web頁面創(chuàng)建一個打印機友好的版本意味著要設計一個布局和格式都經(jīng)過修改的單獨頁面，這樣才能夠在打印的時候獲得令人滿意的效果。現(xiàn)在，通過使用結構化的XHTML和CSS，你可以實現(xiàn)同樣的效果而只用花費少得多的精力。

從屏幕顯示到打印效果

大多數(shù)的Web頁面都是設計適用于在計算機屏幕上觀看的。然而，有的時候用戶需要將某些頁面打印出來，也許就是為了保留一個長期的記錄，或者將其用作方便的離線參考資料。

現(xiàn)在的麻煩是，讓Web頁面在計算機彩色屏幕上看起來引人注目和五彩繽紛的很多特性，都無法在打印版的Web頁面上表現(xiàn)出相同的效果——尤其當打印機是黑白的時候。在被降級為灰度打印的時候，彩色的組合會失去（原有的）對比效果；圖形會看起來失真，而且耗費太長的打印時間；在Web頁面上起著重要作用的導航按鈕在打印頁面上也毫無用處。

為了克服這些問題，Web的創(chuàng)建者常常會為頁面專門設計一個打印機友好的版本，這樣訪問者就有打印的欲望。打印機友好的版本通常都包括有和主要Web頁面相同的內(nèi)容，但是會省略掉大多數(shù)的圖形、背景和導航元素。頁面還會把彩色轉(zhuǎn)換成某種形式，以便生成能夠讓人接受的灰度圖像。

CSS的解決方案

使用結構化的XHTML標示和CSS格式將內(nèi)容和表示分離開來的一個優(yōu)勢在于，通過更改CSS樣式，你可以很輕易就把內(nèi)容重新格式化。因此，創(chuàng)建一個打印機友好的頁面就是把一個不同的CSS文件鏈接到相同的XHTML頁面上。

你可以同時把屏幕樣式表和打印樣式表鏈接到同一個XHTML文件里，所以就沒有必要單獨創(chuàng)建一個打印機友好的頁面，只需要一個打印機友好的樣式表就行了。當你在鏈接代碼里加入多媒體類型的文件時，這就是在告訴瀏覽器為了進行屏幕輸出要遵循或者忽略哪些CSS的規(guī)則，而為了打印輸出要使用哪些規(guī)則。

下面是鏈接到一對CSS文件的例子：

 
 
 
  
  
  
  
  
  
media="screen"href="mysite-screen.css"/> 
  
  
  
  
  
  
media="print"href="mysite-print.css"/>

如果需要支持老版本的瀏覽器，那你就必須堅持使用CSS1的媒體描述符screen和print。它們是相互排斥的，因此在為屏幕顯示而生成頁面的時候，瀏覽器會忽略掉打印樣式表，反之亦然。所以，每個樣式表都需要包含相同的樣式選擇器，但是有不同的規(guī)則聲明，以便為不同的輸出設備分別生成頁面樣式。

【編輯推薦】

DIV+CSS滑動門技術簡介
暢談DIV排版和table排版的區(qū)別
14大CSS工具提高網(wǎng)頁設計效率
實現(xiàn)DIV圖片居中方法揭秘
鼠標經(jīng)過時改變DIV背景顏色的三種途徑

當前名稱：完美實現(xiàn)XHTML／CSS頁面轉(zhuǎn)換為打印機頁面
鏈接地址：http://fisionsoft.com.cn/article/dhpchgj.html

新聞中心

其他資訊