国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery結合CSS操作打印樣式的方法

2019-11-20 21:23:46
字體:
來源:轉載
供稿:網友

本節內容:
JQuery、CSS操作打印樣式。

一、添加打印樣式

1,為屏幕顯示和打印分別準備一個css文件,如下所示:
  用于屏幕顯示的css:

復制代碼 代碼如下:

<link rel="stylesheet" href="css/mainstylesheet.css" media="screen" />

用于打印的css:

復制代碼 代碼如下:

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

2,import方式:

復制代碼 代碼如下:

 <style type="text/css">
      @import url("css/printstylesheet.css") print;
  </style>

3,直接把屏幕顯示樣式和打印樣式寫在一個css文件中:

復制代碼 代碼如下:

@media print {}{
    h1 {
      color: black;
    }
    h2 {}{
      color: gray;
    }
  }

@media print里面的內容只對打印出來的內容有效,之外的內容就是屏幕顯示的樣式。

其他:
創建一個不指定媒體類型的樣式表通常很有用(或者利用media="all")。
當你準備好定義一些特別用于打印的規則時,可以只創建一個單獨的樣式表,使任何在打印時看起來不好的樣式都失效。
使用這種方法的一個問題是必須確保打印機樣式實際上確實覆蓋了主樣式表??梢允褂?!important.

二、打印樣式注意事項:

1,打印樣式中不推薦使用背景,因為瀏覽器默認情況下并不能打印出CSS中的背景內容,只有當瀏覽器被設置可以打印背景的情況下才能打印出背(ie的高級選項中可選)。
即使背景可以打印,它也可能蓋過疊在它上面的任何文本。
  這是真的,尤其對于用彩色背景在顯示器上強烈對比的文本,但是在黑白打印機上打印時會融合這一背景。
  background:none;去掉背景 圖片和顏色。

可以利用background-color屬性設置背景顏色為白色,像這樣:background-color: white。
使用background的快捷法也可以獲得相同的效果:background: white。因此像background: white;
這樣的聲明不僅設置了背景顏色為白色,而且消除了所有背景圖片。利用這個background的快捷屬性, 你實現了兩個目的――設置了一個白色背景,并消除了圖片――只用很少的代碼。

2,如果需要在打印內容中出現圖片,請在HTML代碼中加入。

3,打印設置使用的是物理單位,所以尺寸最好不要用像素(px),可以用pt也可以用cm;

4,隱藏不需要的或是次要的內容。display:none;

5,盡量不要讓內容浮動,有些瀏覽器打印浮動的div的過程中,會有一個麻煩,需要特別加以注意。
不要在打印的樣式表中浮動的塊,像這樣:float: none;。

例如,基于Gecko的瀏覽器 (例如Netscap 6+),當用戶用它來瀏覽一個打印輸出頁面時,它會截去浮動元素中的內容。
這些內容就不會被傳送到打印機,下一個頁面也不會有它的蹤影

主站蜘蛛池模板: 璧山县| 沂水县| 凌源市| 瑞丽市| 延寿县| 四子王旗| 陆川县| 南昌县| 璧山县| 青海省| 新余市| 慈利县| 镇坪县| 洱源县| 永福县| 崇仁县| 遂昌县| 论坛| 通海县| 和龙市| 天峨县| 莱芜市| 从江县| 天镇县| 微山县| 自贡市| 土默特右旗| 泊头市| 伊金霍洛旗| 疏附县| 定州市| 昂仁县| 山东省| 兴文县| 山东| 新野县| 台中县| 衡东县| 商都县| 云浮市| 西和县|