瘦 身 才 是 女 人 一 輩 子 的 事 業 !
首頁 局部減肥 豐胸美體 減肥常識 瘦身食譜 運動減肥 實用減肥 醫藥減肥 瘦身自測 美體圖庫
我要瘦身網 > 瘦身食譜 > 減肥食品 > 正文頁
CSS控制print打印樣式 - 華山青竹
時間:2015-03-17

來源:http://blog.csdn.net/pangni/article/details/6224533

一、添加打印樣式
1. 為屏幕顯示和打印分別準備一個css文件,如下所示:
  用于屏幕顯示的css: <link rel="stylesheet" href="css/mainstylesheet.css" media="screen" />
  用于打印的css:<link rel="stylesheet" href="css/printstylesheet.css" media="print" />

2. import方式:
  <style type="text/css">
      @import url("css/printstylesheet.css") print;
  </style>

3. 直接把屏幕顯示樣式和打印樣式寫在一個css文件中:
  @media print {}{
    h1 {
      color: black;
    }
    h2 {}{
      color: gray;
    }
  }
  @media print里面的內容只對打印出來的內容有效,之外的內容就是屏幕顯示的樣式。


其他:
創建一個不指定媒體類型的樣式表通常很有用(或者利用media="all")。當你準備好定義一些特別用
于打印的規則時,可以只創建一個單獨的樣式表,使任何在打印時看起來不好的樣式都失效。使用這種方法的一個問題是必須確保打印機樣式實際上確實覆蓋了主樣式表。可以使用!important.

二、打印樣式注意事項:

1. 打印樣式中不推薦使用背景,因為瀏覽器默認情況下并不能打印出CSS中的背景內容,只有當瀏覽器被
  設置可以打印背景的情況下才能打印出背(ie的高級選項中可選)。即使背景可以打印,它也可能蓋過疊在它上面的任何文本。
  這是真的,尤其對于用彩色背景在顯示器上強烈對比的文本,但是在黑白打印機上打印時會融合這一背景。
  background:none;去掉背景
  圖片和顏色。

  可以利用background-color屬性設置背景顏色為白色,像這樣:background-color: white。
  使用background的快捷法也可以獲得相同的效果:background: white。因此像background: white;
  這樣的聲明不僅設置了背景顏色為白色,而且消除了所有背景圖片。利用這個background的快捷屬性,
  你實現了兩個目的——設置了一個白色背景,并消除了圖片——只用很少的代碼。
 
2. 如果需要在打印內容中出現圖片,請在HTML代碼中加入。

3. 打印設置使用的是物理單位,所以尺寸最好不要用像素(px),可以用pt也可以用cm;

4. 隱藏不需要的或是次要的內容。display:none;

5. 盡量不要讓內容浮動,有些瀏覽器打印浮動的div的過程中,會有一個麻煩,需要特別加以注意。
 不要在打印的樣式表中浮動的塊,像這樣:float: none;。例如,基于Gecko的瀏覽器
 (例如Netscape 6+),當用戶用它來瀏覽一個打印輸出頁面時,它會截去浮動元素中的內容。
 這些內容就不會被傳送到打印機,下一個頁面也不會有它的蹤影――它消失了。

6. 盡可能的在HTML代碼中做好內容重要的先后次序,這樣在打印樣式中可以節省不少的麻煩。

7. 打印與網頁不一樣,打印一定要留下白邊,單位用英寸(in)。

8. 要確保頁面上的所有文本以黑色打印,就用通配選擇器(見第54頁)和!important來創建把每個
  標簽都格式化為黑色文本的單個樣式:
  *{ color: ##000# !important }

9. 在打印中顯示鏈接url的信息:利用一個高級的選擇器:after和一個高級的CSS屬性稱作content,
  把不在屏幕上顯示的文本打印在一個樣式元素的末端。
  不幸的是,:after選擇器和content屬性技巧在Internet Explorer 6或者更早的版本上不起作用
  (到編寫本書為止,在IE 7上也不行)。但是它在Firefox和Safari上的確可以,因此你至少可以清楚
  地說明URL以便訪問者可以使用他們的瀏覽器。

  為了做到這點,給打印樣式表添加一個樣式,在每個鏈接后面打印出URL。你甚至可以添加其他文本項
  目比如圓括號,使它更好看些:
  a:after {content: " (" attr(href) ") ";}

  然而,這個CSS不區分外部或者內部的鏈接,因此它也打印出到達同一個網站其他頁面的沒用的相對
  文檔鏈接:“訪問主頁(../../index. html)。”利用一點點CSS 3魔法,就可以強制這個樣式只打
  北京福彩网 肇州县 | 旺苍县 | 仲巴县 | 噶尔县 | 隆林 | 句容市 | 安达市 | 大城县 | 沁源县 | 望都县 | 安国市 | 宁强县 | 濮阳县 | 黄浦区 | 乌苏市 | 华安县 | 延边 | 霍城县 | 宁晋县 | 龙海市 | 邯郸县 | 津市市 | 濮阳县 | 瑞金市 | 东乡县 | 清徐县 | 宁晋县 | 封开县 | 康马县 | 丽水市 | 屏东县 | 石台县 | 黄大仙区 | 德安县 | 台南市 | 凉山 | 饶平县 | SHOW | 玉林市 | 西安市 | 宁陕县 | 都匀市 | 巴青县 | 名山县 | 襄城县 | 高尔夫 | 平原县 | 河津市 | 凤庆县 | 仪征市 | 万盛区 | 阜新 | 蒙山县 | 黄浦区 | 东乌珠穆沁旗 | 新乡市 | 马龙县 | 揭东县 | 杭锦后旗 | 平罗县 | 彰化市 | 泸州市 | 台南县 | 任丘市 | 灵宝市 | 石渠县 | 武威市 | 镇坪县 | 孙吴县 | 浦江县 | 潮州市 | 长汀县 | 眉山市 | 兴仁县 | 竹山县 | 分宜县 | 曲沃县 | 西藏 | 晋中市 | 九龙坡区 | 碌曲县 | 民权县 | 西乡县 | 宁蒗 | 佛坪县 | 柏乡县 | 绥棱县 | 肃南 | 德阳市 | 牙克石市 | 达日县 | 安多县 | 梅州市 | 漳州市 | 肥乡县 | 黄冈市 | 介休市 | 泸西县 | 汾西县 | 温州市 | 濮阳市 | 永兴县 | 宜君县 | 左贡县 | 简阳市 | 松潘县 | 海南省 | 从江县 | 巫溪县 | 十堰市 | 仙游县 | 西宁市 | 泰宁县 | 微博 | 清水河县 | 大埔县 | 棋牌 | 昌都县 | 辽中县 | 平阳县 | 武穴市 | 三台县 | 双峰县 | 江川县 | 苗栗市 | 万源市 | 驻马店市 | 壶关县 | 卓尼县 | 定安县 | 隆昌县 | 涞源县 | 南阳市 | 甘肃省 | 乐平市 | 镇平县 | 岚皋县 | 建平县 | 连州市 | 新丰县 | 大渡口区 | 电白县 | 绥阳县 | 望江县 | 来凤县 | 永泰县 | 翼城县 | 丰顺县 | 绥滨县 | 永年县 | 崇阳县 | 南郑县 | 辽阳市 | 肇庆市 | 汉沽区 | 松江区 | 东平县 | 谢通门县 | 巴塘县 | 阳山县 | 嘉祥县 | 大悟县 | 铁力市 | 勐海县 | 西平县 | 葵青区 | 大田县 | 余庆县 | 西藏 | 黑山县 | 德保县 | 榕江县 | 东丽区 | 河北省 | 威宁 | 璧山县 | 普定县 | 富顺县 | 永修县 | 共和县 | 信宜市 | 定远县 | 独山县 | 南皮县 | 枣庄市 | 花莲市 | 洮南市 | 台湾省 | 克东县 | 临安市 | 凤阳县 | 永和县 | 秦皇岛市 | 安吉县 | 阿拉善右旗 | 新巴尔虎左旗 | 芜湖县 | 广丰县 | 饶阳县 | 田阳县 | 四平市 | 宜川县 | 额尔古纳市 | 云龙县 | 鄂尔多斯市 | 乐东 | 女性 | 西丰县 | 南丰县 | 阳朔县 | 公安县 | 福安市 | 望奎县 | 五寨县 | 吴忠市 | 翁源县 | 杭锦后旗 | 长子县 | 天柱县 | 沁源县 | 三门峡市 | 东光县 | 太康县 | 信宜市 | 隆子县 | 原平市 | 磐安县 | 万年县 | 偃师市 | 钟祥市 | 海伦市 | 永宁县 | 湘乡市 | 玉山县 | 双江 | 即墨市 | 涿州市 | 宾阳县 | 中超 | 龙川县 | 乌鲁木齐县 | 桐梓县 | 江华 | 博乐市 | 浙江省 | 遂川县 | 池州市 | 阳城县 | 麟游县 | 广汉市 | 芜湖市 |