小技巧:列印樣式的相關知識

來源:互聯網
上載者:User
列印|技巧 今天有個朋友問我關於列印樣式的問題,當時正是工作時間一時不好回答,只好在工作完成後整理,總結一下列印樣式的相關知識。

先來瞭解一下什麼叫列印樣式?列印樣式也就是說通過CSS指定給印表機來識別的列印時的輸出樣式。在HTML中連結的列印樣式是:
<link rel="stylesheet" rev="stylesheet" type="text/css" media="print" href="css/print.css" />
基中的media="print"就是表明這個樣式是指定給列印裝置讀取的。而在顯示器上使用的則是media="screen",用在投影儀上的則是media="projection"。除了這些還有手持功能,可以說W3C在未來的WEB發展上做好了一定的預見性。

列印樣式有哪些注意事項呢?

列印樣式中不推薦使用背景,因為瀏覽器預設情況下並不能列印出CSS中的背景內容,只有當瀏覽器被設定可以列印背景的情況下才能列印出背景。(此處意見由嗷嗷提供)
列印設定使用的是物理單位,所以尺寸最好不要用像素(px),可以用pt也可以用cm
列印與網頁不一樣,列印一定要留下白邊,單位用英寸(in)。
如果需要在列印內容中出現圖片,請在HTML代碼中加入。
儘可能的在HTML代碼中做好內容重要的先後次序,這樣在列印樣式中可以節省不少的麻煩。
隱藏不需要的或是次要的內容。
盡量不要讓內容浮動,有些瀏覽器列印浮動的div的過程中,會有一個麻煩,需要特別加以注意。例如,基於Gecko的瀏覽器(例如Netscape 6+),當使用者用它來瀏覽一個列印輸出頁面時,它會截去浮動元素中的內容。這些內容就不會被傳送到印表機,下一個頁面也不會有它的蹤影――它消失了。(此處意見由懌飛提供)
如何測試列印樣式?通常來說我們不可能用印表機來進行測試,在IE瀏覽器功能表列“檔案”中有“預覽列印”,可以通過這個預覽列印來做測試。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。