瘦 身 才 是 女 人 一 辈 子 的 事 业 !
首页 局部减肥 丰胸美体 减肥常识 瘦身食谱 运动减肥 实用减肥 医药减肥 瘦身自测 美体图库
我要瘦身网 > 瘦身食谱 > 减肥食品 > 正文页
CSS控制print打印样式 - 华山青竹
时间:2015-03-17

来源:http://blog.csdn.net/pangni/article/details/6224533

一、添加打印样式
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的浏览器
 (例如Netscape 6+),当用户用它来浏览一个打印输出页面时,它会截去浮动元素中的内容。
 这些内容就不会被传送到打印机,下一个页面也不会有它的踪影――它消失了。

6. 尽可能的在HTML代码中做好内容重要的先后次序,这样在打印样式中可以节省不少的麻烦。

7. 打印与网页不一样,打印一定要留下白边,单位用英寸(in)。

8. 要确保页面上的所有文本以黑色打印,就用通配选择器(见第54页)和!important来创建把每个
  标签都格式化为黑色文本的单个样式:
  *{ color: ##000# !important }

9. 在打印中显示链接url的信息:利用一个高级的选择器:after和一个高级的CSS属性称作content,
  把不在屏幕上显示的文本打印在一个样式元素的末端。
  不幸的是,:after选择器和content属性技巧在Internet Explorer 6或者更早的版本上不起作用
  (到编写本书为止,在IE 7上也不行)。但是它在Firefox和Safari上的确可以,因此你至少可以清楚
  地说明URL以便访问者可以使用他们的浏览器。

  为了做到这点,给打印样式表添加一个样式,在每个链接后面打印出URL。你甚至可以添加其他文本项
  目比如圆括号,使它更好看些:
  a:after {content: " (" attr(href) ") ";}

  然而,这个CSS不区分外部或者内部的链接,因此它也打印出到达同一个网站其他页面的没用的相对
  文档链接:“访问主页(../../index. html)。”利用一点点CSS 3魔法,就可以强制这个样式只打
  l

上一篇:吃荠菜减肥 减肥山野菜荠菜 下一篇:7种必学的创意变相动力瘦身法
视觉焦点 精选每日视觉焦点
女神!22位国产胸器
范冰冰女星美腿养成术
范冰冰美腿养成术
柳岩蜕变大秀曲线
  • 针对身体各部位瘦身的食物
  • 对女人最好的30种食材
  • 香蕉食醋最棒的减肥组合
  • 喝蜂蜜水要放弃两个“第一”
  • 八种食物打扫身体清毒养颜
  • ·三种运动 去掉肌肉型小粗腿
  • ·中医穴位减肥点点就能瘦
  • ·对女人最好的30种食材
  • ·瘦身瑜伽 收腰减腹紧致手臂
  • ·韵姿芦荟减肥夸大减肥效果
  • ·小腹婆的白兰氏纤梅饮试饮记录
  • 美图推荐 专业美体图库
    张靓颖杂志大片身材曼妙
    马伊娜豹纹泳装家居照
    脸蛋超完美美女王希维
    小范冰冰足球宝贝写真
    超完美身材小龙女林柯彤
    车模兽兽内衣写真
    C罗领衔足球巨星搏性感
    维埃里妻子火辣泳装秀
    世界比基尼冠军性感写真
    张馨予全裸赤壁铜雀台
    减肥常识瘦身常识 减肥食谱 减肥药

    减肥不是一件一劳永逸的事,必须要持之以恒……[详细]

    > 周杰伦好身材如何练就
    > 夏天最佳运动是游泳
    > 体能专家:建议健身者一天 
    > 想减肥,多吃鱼
    实用减肥什么减肥方法最有效?

    神马减肥药,瑜伽,抽脂都是浮云…[详细]

    > 睡前饿了肿么办?
    > 今天你“肿”么了?
    > 专家破解7大瘦身谎言
    > 冬天健身高效率的3个方法
    运动减肥什么运动最减肥?

    四种锻炼方法,有助于女性强骨健身……[详细]

    > 长跑有风险,跑还是不跑?
    > 4办法跑步中甩掉腹部赘肉
    > 普拉提,让你运动瘦身
    > 网友口述让水桶腰变成水蛇腰
    丰胸美体教你瘦身不瘦胸

    拥有美丽的胸部,是女性梦寐以求的……[详细]

    > 7天让你的胸部挺起来
    > 中国古代女人的丰胸秘方
    > 我从34B到32F的巨变
    > 胸型及文胸的知识普及
    医药减肥中华医药 减肥偏方

    秋季最适合的减肥法当属经络减肥……[详细]

    > 长跑有风险,跑还是不跑?
    > 三种运动 去掉肌肉型小粗腿
    > 中医穴位减肥点点就能瘦
    > 三招让女人拥有性感翘臀
    联系我们>
    百度大联盟绿色认证