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" />
例如:
復制代碼代碼如下:
<style midia="print">//midia必須聲明,不然無效了
#my_hidden{display:none;}
</style>