zoukankan      html  css  js  c++  java
  • media="print" 只在打印的时候显示该内容

    <style media="print">、<link media="print">的用法合理应用,media="print"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。
     
    例:打印出来的字体和网页是不同的
    // 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } } 

    // 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} } 

    或者<style media="print">body{font-size:12px;}</style>
     
    实例:
    <html>
    <head>
    <style>
      .none { display:none;}
    </style>
    <style media="print">.none { display:block;}</style>
    </head>
     
    <body>
    <h1>media="print" 实例</h1>
    <p>在网页里面是可以看见我的</p>
    <p class="none" media="print" >在网页里看不见我,打印出来你就可以看见我啦! ^_^  ( 此页面会通过 media="print" 样式表进行格式化。 )</p>
    </body>
    </html>
  • 相关阅读:
    Linux排序命令sort笔记
    Linux排序命令sort笔记
    Linux文本截取命令cut​笔记
    排序和搜索
    栈和队列
    链表
    顺序表
    Linux编辑器|gedit|vi|vim编辑器
    Linux简介
    简单学习Git
  • 原文地址:https://www.cnblogs.com/miny-simp/p/6500843.html
Copyright © 2011-2022 走看看