CSS 控制列印樣式

CSS 控制列印樣式

 

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

 

這是匯入外部css檔案的代碼，並且匯入樣式應用在“預覽列印模式”下，此代碼引用的print.css檔案在正常瀏覽網頁的情況下是不起作用的，在列印頁面的時候才會應用。 link 是html標籤，匯入外部檔案。 href 是匯入檔案的路徑。 rel 定義文檔與連結的關係,取值“stylesheet”為一個外部載入的樣式表 type 所匯入檔案的類型,取值“text/css”是css檔案。 media 媒體類型，預設為screen（電腦螢幕）。取值為“print”意為預覽列印模式 。

 

 

可以用如下幾種方式定義print css：1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" />2. @import url("print.css") screen;3. @media print { body { font-size: 12px; } }4. <style media="print">body{font-size:12px;}</style>其實print是樣式表（stylesheet）的一個媒介（media）屬性，樣式表的媒介屬性有八種值：all用於所有輸出裝置braille用於盲文觸覺反饋裝置embossed用於分頁盲文印表機handheld擬用於手持功能（通常是小螢幕，有限的頻寬）print用於印表機預覽及列印projection用於投影機screen（預設） 用於彩色電腦螢幕speech用於語音合成器，CSS2中也有類似的媒體類型（aural）tty擬使用於固定寬度（如電傳打字機，碼頭，或顯示能力有限的可攜式裝置）的字元網格媒體。tv用於電視類型的裝置（低解析度，顏色，有限的可滾動螢幕，音響可用）