zoukankan      html  css  js  c++  java
  • CSS 控制打印样式

    CSS 控制打印样式

     

    <link href="/Skin/print.css" rel="stylesheet" type="text/css" media="print" /> 

     

    这是导入外部css文件的代码,并且导入样式应用在打印预览模式下,此代码引用的print.css文件在正常浏览网页的情况下是不起作用的,在打印页面的时候才会应用。 link html标签,导入外部文件。 href 是导入文件的路径。 rel 定义文档与链接的关系,取值“stylesheet”为一个外部加载的样式表 type 所导入文件的类型,取值“text/css”css文件。 media 媒体类型,默认为screen(计算机屏幕)。取值为“print”意为打印预览模式 。

     

     

    可以用如下几种方式定义print css1. <link rel="stylesheet" href="/Themes/canbeing/style/print.css" type="text/css" media="print" />2. @import url("print.css") screen;3. @media print { body { font-size: 12px; } }4. <style media="print">body{font-size:12px;}</style>其实print是样式表(stylesheet)的一个媒介(media)属性,样式表的媒介属性有八种值:all用于所有输出设备braille用于盲文触觉反馈装置embossed用于分页盲文打印机handheld拟用于手持设备(通常是小屏幕,有限的带宽)print用于打印机预览及打印projection用于投影机screen(默认) 用于彩色计算机屏幕speech用于语音合成器,CSS2中也有类似的媒体类型(auraltty拟使用于固定宽度(如电传打字机,码头,或显示能力有限的便携设备)的字符网格媒体。tv用于电视类型的设备(低分辨率,颜色,有限的可滚动屏幕,音响可用)

     

     

  • 相关阅读:
    web性能优化
    9.1_the end
    8.28_the end
    1.获取元素绝对位置
    8.14_end
    JavaScript 函数用途
    JavaScirpt事件处理
    《JavaScript语言精粹》读书笔记
    《图解http协议》之HTTPs学习笔记
    Laya 1.x 按文件夹TS代码合并
  • 原文地址:https://www.cnblogs.com/suizhikuo/p/2356509.html
Copyright © 2011-2022 走看看