zoukankan      html  css  js  c++  java
  • 从print css谈样式表的媒介(media)属性


    平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。

    原来print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css:

    1. <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中也有类似的媒体类型(aural)
    tty        拟使用于固定宽度(如电传打字机,码头,或显示能力有限的便携设备)的字符网格媒体。
    tv        用于电视类型的设备(低分辨率,颜色,有限的可滚动屏幕,音响可用)

    看来要做一个高可用性的网站,需要注意的细节还有许多啊。

    参考文档:http://www.w3.org/TR/CSS2/media.html
  • 相关阅读:
    常见Dos命令
    常用快捷键小技巧
    springboot集成JPA返回Json报错 com.fasterxml.jackson.data
    docker安装mysql 8.0.20 版本 超详细教程
    8.24 Java自学
    8.23 Java自学
    8.22 Java自学
    8.21 Java自学
    8.20 Java自学
    8.19 Java自学
  • 原文地址:https://www.cnblogs.com/flashlm/p/css_media_type.html
Copyright © 2011-2022 走看看