一、添加打印樣式

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屬性設置背景顏色為白色，像這樣： font-family: Arial; line-height: 26px;">  使用background的快捷法也可以獲得相同的效果：background: white。因此像background: white;
  這樣的聲明不僅設置了背景顏色為白色，而且消除了所有背景圖片。利用這個background的快捷屬性，
  你實現了兩個目的――設置了一個白色背景，并消除了圖片――只用很少的代碼。
 
2. 如果需要在打印內容中出現圖片，請在HTML代碼中加入。

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

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

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