web的各種前端列印方法之CSS控制網頁列印樣式

CSS控制網頁列印樣式：

使用CSS控制列印樣式，握剛剛使用時一塌糊塗，根本不知道CSS中的midia的作用是什麼，問到别人說導入這個樣式，還傻乎乎的不知所措。如果你也有這種現象，那麼我告訴你吧，在W3school查到CSS的midia的作用。

midia 定義和用法：

media 屬性規定被連結文檔将顯示在什麼裝置上。

media 屬性用于為不同的媒介類型規定不同的樣式。

原來用到media來指定css的媒體類型，它的文法格式有這樣幾種：

@media screen | print | projection | braille | aural | tv | handheld | all

參數說明：

screen：指計算機螢幕。

print：指用于列印機的不透明媒體。

projection：指用于顯示的項目。

braille：盲文系統，指有觸覺效果的印刷品。

aural：指語音電子合成器。

tv：電視類型的媒體。

handheld：指手持式顯示裝置。

all：用于所有媒體。

隻要導入将不想列印的東西加入下面這CSS樣式聲明中，将在列印的頁面不會出現：

<link rel="stylesheet" media="print" type="text/css" href="print.css" />      

例如：

1 <style midia="print">//midia必須聲明，不然無效了
2 #my_hidden{display:none;}
3 </style>