麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JQuery結(jié)合CSS操作打印樣式的方法

2019-11-20 21:23:46
字體:
供稿:網(wǎng)友

本節(jié)內(nèi)容:
JQuery、CSS操作打印樣式。

一、添加打印樣式

1,為屏幕顯示和打印分別準(zhǔn)備一個(gè)css文件,如下所示:
  用于屏幕顯示的css:

復(fù)制代碼 代碼如下:

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

用于打印的css:

復(fù)制代碼 代碼如下:

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

2,import方式:

復(fù)制代碼 代碼如下:

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

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

復(fù)制代碼 代碼如下:

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

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

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

二、打印樣式注意事項(xiàng):

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

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

2,如果需要在打印內(nèi)容中出現(xiàn)圖片,請(qǐng)?jiān)贖TML代碼中加入。

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

4,隱藏不需要的或是次要的內(nèi)容。display:none;

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

例如,基于Gecko的瀏覽器 (例如Netscap 6+),當(dāng)用戶用它來瀏覽一個(gè)打印輸出頁面時(shí),它會(huì)截去浮動(dòng)元素中的內(nèi)容。
這些內(nèi)容就不會(huì)被傳送到打印機(jī),下一個(gè)頁面也不會(huì)有它的蹤影

主站蜘蛛池模板: 国产精品午夜小视频观看 | 国产1区2区3区中文字幕 | 欧美不卡三区 | 久久久久久亚洲综合影院红桃 | 在线播放免费视频 | 久久久噜噜噜久久熟有声小说 | 国产资源在线看 | 草人人| 国产在线1区 | 一本色道久久综合狠狠躁篇适合什么人看 | 最近免费观看高清韩国日本大全 | 一边吃奶一边插下面 | 午夜视频在线免费观看 | 国产精品麻豆一区二区三区 | 撅高 自己扒开 调教 | 精品国产一区二区三区在线观看 | 亚洲精品久久久久久久久久 | 欧美精品成人一区二区在线观看 | 免费黄色大片在线观看 | asian附近女人裸体pics | 久久精品之 | 欧美一级免费视频 | 欧美一极视频 | 久久亚洲视频网 | 成年人视频在线免费观看 | 中文字幕在线免费播放 | h视频免费在线观看 | 特级无码毛片免费视频尤物 | 日本免费中文字幕 | 久久精品99久久久久久2456 | 亚洲第一色片 | 欧美重口另类videos人妖 | 日韩视频区 | 毛片在哪看 | 久久久看 | 免费午夜网站 | 精品一区二区三区电影 | 激情视频导航 | 国产成人精品无人区一区 | 中国杭州少妇xxxx做受 | 久久久www免费看片 亚洲综合视频一区 |