zoukankan      html  css  js  c++  java
  • 怎样使用 css 的@media print控制打印

    怎样使用 css 的@media print控制打印?

    <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD>
    <BODY> <style media="print">//这表示是在打印时的样式 .noprint { display: none;font-size:19px;COLOR: blue; } </style>
    <style media="screen"> //这表示是在屏幕显示时的样工 .print {font-size:19px;COLOR: red; } </style>
    <body> <span class="print" >打印部分</span><br><br><Br> <span class="noprint" >不打印,但可以看部分</span> </BODY> </HTML>

    ==================================================================== @media版本:CSS2  兼容性:IE5+
    语法:
    @media sMedia { sRules }
    说明:
    sMedia :  指定设备名称。请参阅附录:设备类型 sRules :  样式表定义
    指定样式表规则用于指定的设备类型。请参阅link对象的media属性(特性)。
    示例:
    // 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }
    // 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }

    =====================================================================

    Media Types 设备类型
    Media Type 设备类型 CSS Version 版本 Compatibility 兼容性 Description 简介 all CSS2 IE4+ 用于所有设备类型 aural CSS2 NONE 用于语音和音乐合成器 braille CSS2 NONE 用于触觉反馈设备 embossed CSS2 NONE 用于凸点字符(盲文)印刷设备 handheld CSS2 NONE 用于小型或手提设备 print CSS2 IE4+ 用于打印机 projection CSS2 NONE 用于投影图像,如幻灯片 screen CSS2 IE4+ 用于计算机显示器 tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端 tv CSS2 NONE 用于电视类设备

  • 相关阅读:
    Codeforces Round #592 (Div. 2)C. The Football Season(暴力,循环节)
    Educational Codeforces Round 72 (Rated for Div. 2)D. Coloring Edges(想法)
    扩展KMP
    poj 1699 Best Sequence(dfs)
    KMP(思路分析)
    poj 1950 Dessert(dfs)
    poj 3278 Catch That Cow(BFS)
    素数环(回溯)
    sort与qsort
    poj 1952 buy low buy lower(DP)
  • 原文地址:https://www.cnblogs.com/timy/p/3501544.html
Copyright © 2011-2022 走看看