zoukankan      html  css  js  c++  java
  • TML 打印预览问题,怎么设置有些内容不出现在打印预览页面上。怎么控制,有下代码 看得不是很懂 求解释

    HTML <style> 标签的 media 属性

    实例

    针对两种不同媒介类型的两种不同的样式(计算机屏幕和打印):

    <html>
    <head>
    <style type="text/css">
    h1 {color:#FF0000;}
    p {color:#0000FF;}
    body {background-color:#FFEFD6;}
    </style>
    
    <style type="text/css" media="print">
    h1 {color:#000000;}
    p {color:#000000;}
    body {background-color:#FFFFFF;}
    </style>
    </head>
    
    <body>
    <h1>Header 1</h1>
    <p>A paragraph.</p>
    </body>
    </html>
    

    亲自试一试

    定义和用法

    media 属性用于为不同的媒介类型规定不同的样式。

    提示:如需在一个 style 元素中定义一个以上的媒介类型,请使用逗号分隔的列表(例如:<style type="text/css" media="screen,projection">)。

    浏览器支持

    所有主流浏览器都支持 media 属性的 "screen"、"print" 以及 "all" 值。

    提示:Opera 同时支持 "handheld" 值。

    语法

    <style media="value">

    属性值

    描述
    screen 计算机屏幕(默认值)。
    tty 电传打字机以及使用等宽字符网格的类似媒介。
    tv 电视类型设备(低分辨率、有限的屏幕翻滚能力)。
    projection 放映机。
    handheld 手持设备(小屏幕、有限的带宽)。
    print 打印预览模式 / 打印页。
    braille 盲人用点字法反馈设备。
    aural 语音合成器。
    all 适合所有设备。
  • 相关阅读:
    POJ
    POJ
    POJ
    POJ
    POJ
    ZOJ
    HDU
    python中主要存在的四种命名方式:
    python 中的 赋值 浅拷贝 深拷贝
    python中sorted方法和列表的sort方法使用
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5209280.html
Copyright © 2011-2022 走看看