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

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

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

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

那就表示，我們通過IE看到的網(wǎng)頁，用到的css文件是mycss.css，而通過IE打印時用到的css文件則是myprintcss.css。想到什么了嗎？對，我們可以通過print的設(shè)置，來讓網(wǎng)頁上的一些不需要打印的內(nèi)容隱藏起來，比如，打印按鈕。實際上，media還可以這樣使用：

或者這樣使用：

最新評論