在很多是時候往往要打印網頁中的某一部分，而不是全部網頁，所以告訴打印機要打印的部分，使用css進行一下設置是一個比較好的方式，先看一段代碼:

復制代碼代碼如下:
<link href=”css/screen.css” rel=”stylesheet” type=”text/css” media=”screen” />
<link href=”css/print.css” rel=”stylesheet” type=”text/css” media=”print” />

以上兩行代碼是引入外部css樣式表，需要特別主義的是media屬性值分別是screen和print，用來規定css樣式表要服務的對象，如果屬性值是media，則說明是為了在屏幕控制頁面的顯示，如果屬性值是print，則說明css代碼是用于控制需要打印的元素的樣式的。
隱藏不需要打印的頁面元素:
使用控制打印的css隱藏不需要打印的頁面元素即可，那么點擊打印，被打印的只有打印樣式表控制下沒有被隱藏的元素。
代碼如下:

復制代碼代碼如下:
/* 隱藏不打印項 start */
h1 span{
display:none;
}
#sidebar{
display:none;
}
/* 隱藏不打印項 end */

以上代碼只是一個簡單的演示，頁面中的相關元素將不會被打印。
點擊進行打印:

復制代碼代碼如下:
<input type=”button” value=”點擊打印” onclick=”window.print()”/>

點擊以上按鈕就可以實現打印效果。
css里media的使用
我們在網頁里引用外部的css文件時，通常是用如下的代碼：

復制代碼代碼如下:
<link rel=”stylesheet” type=”text/css” href=”mycss.css”>

實際上，上面的link對象里，我們是省略了一個叫“media”的屬性，這個屬性指定樣式表規則用于指定的設備類型。它有如下值可用：
all– 用于所有設備類型
aural– 用于語音和音樂合成器
braille– 用于觸覺反饋設備
embossed– 用于凸點字符（盲文）印刷設備
handheld– 用于小型或手提設備
print– 用于打印機
projection– 用于投影圖像，如幻燈片
screen– 用于計算機顯示器
tty– 用于使用固定間距字符格的設備。如電傳打字機和終端
tv– 用于電視類設備
這么多的值，并不是每個都可用，因為瀏覽器廠商并沒有全部實現它們。
在IE里面，可用的值有all，print，screen三個。上面的代碼里，我們沒有使用“media”，實際上IE或其他瀏覽器是用了“all”這個值。“screen”，用于顯示器，也就是我們一般看到的效果。“print”，用于打印的效果。