網頁設計　html教程　欄目．

上文：標記語言——網頁應用css樣式。

chapter 11 打印樣式

先前在第10章中,討論了幾種為文檔應用css的方法,這一章是要研究打印樣式,指定特別用來打印頁面的css規則.只要幾條css規則,就能確保結構化標記內容打印到紙上的效果與屏幕上顯示的一樣好看.

首先來看看media類型,以及它們與提供設備相關css的關系.

如何指定打印時采用的樣式?

在回答這個問題之前,必須熟悉一個概念,那就是我們能為css指定媒體類型(media),聲明媒體類型將能使樣式針對特定媒體發揮作用.

舉例來說,如果想使某個鏈接的樣式表專供電腦屏幕使用,那么可以像這樣為<link>標簽加上media屬性:

<link rel="stylesheet" type="text/css" media="screen" href="screenstyles.css" />

前面這段代碼能保證這個標簽所鏈接的樣式只會用于電腦屏幕,或許你想問:"除了電腦屏幕還能針對那些媒體?"答案是…還有不少選擇.

媒體類型

除了上面這個例子使用的screen之外,還有不少媒體類型可供選擇,以下是所有能夠辨識的媒體類型,w3c在css2.1標準中定義的(可在http://www.3c.org/tr/css21/media.html找到):

• all: 適用于所有設備
• braille: 適用于點字觸覺回饋設備
• embossed: 適用于點字頁打印機
• handeld: 適用于手持設備(通常具有小屏幕,有限帶寬)
• print: 適用于分頁內容,以及使用打印預覽模式在屏幕上查看的文檔
• projection: 適用于投影簡報,舉例來說,高射式投影機,請參閱分頁內容(http://www.w3.org/tr/css21/page.html)以獲得更多關于分頁媒體的格式信息
• screen: 主要適用于彩色電腦屏幕
• speech: 適用于語音合成器.留意:css2有個功能類似的媒體類型稱為 aural,請參閱聽覺樣式表附錄(http://www.w3.org/tr/css21/aural.html)以獲得更多信息.
• tty: 適用于使用定寬文字格的媒體(像是電報交換機,終端機或是只具備有限顯示能力的手持設備),開發者不應在tty使用像素長度單位.
• tv: 適用于電視類型的設備(低解析度,低色彩,有限滾動能力,能使用音效).

本章會把焦點集中在all,print和screen媒體類型上.