zoukankan      html  css  js  c++  java
  • 雷林鹏分享:CSS 媒体类型

      媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。

      媒体类型

      一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如, font-size 属性可用于屏幕和印刷媒体,但有不同的值。屏幕和纸上的文件不同,通常需要一个更大的字体,sans-serif 字体比较适合在屏幕上阅读,而 serif 字体更容易在纸上阅读。

      @media 规则

      @media 规则允许在相同样式表为不同媒体设置不同的样式。

      在下面的例子告诉我们浏览器屏幕上显示一个 14 像素的 Verdana 字体样式。但是如果页面打印,将是 10 个像素的 Times 字体。请注意,font-weight 在屏幕上和纸上设置为粗体:

      实例

      @media screen { p.test {font-family:verdana,sans-serif;font-size:14px;} } @media print { p.test {font-family:times,serif;font-size:10px;} } @media screen,print { p.test {font-weight:bold;} }

      你可以自己尝试看看 ! 如果您使用的是 Mozilla / Firefox 或 IE5+ 打印此页,你会看到,媒体类型将使用另一种比其他文本字体大小小点的字体显示。

      其他媒体类型

      注意:媒体类型名称不区分大小写。

      媒体类型描述

      all用于所有的媒体设备。

      aural用于语音和音频合成器。

      braille用于盲人用点字法触觉回馈设备。

      embossed用于分页的盲人用点字法打印机。

      handheld用于小的手持的设备。

      print用于打印机。

      projection用于方案展示,比如幻灯片。

      screen用于电脑显示器。

      tty用于使用固定密度字母栅格的媒体,比如电传打字机和终端。

      tv用于电视机类型的设备。

      (编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    .Net EF中DbContext动态生成DbSet
    .net core 3.0 中间件或过滤器中读取post请求body方法
    Asp.Net Core 5 WebAPI发布后的Swagger不显示问题
    .net Core 使用Swagger 让某些接口不显示在文档
    C# Request.InputStream 读取输入流为空的原因处理
    ASP.NET 中的缓存
    缓存依赖(文件、数据库)
    NLTK基本使用
    NLTK基本使用
    NLTK的基本使用
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/11302773.html
Copyright © 2011-2022 走看看