HTML&CSS_媒介类型(Media Types)

转载 2016年08月30日 15:32:00

媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。

媒介类型

某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size" 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif 字体更易阅读,而在纸媒介上,serif 字体更易阅读。

@media规则

@media 规则使你有能力在相同的样式表中,使用不同的样式规则来针对不同的媒介。

下面这个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana 字体。但是假如页面需要被打印,将使用 10 个像素的 Times 字体。注意:font-weight 被设置为粗体,不论显示器还是纸媒介:

<html>
<head>

<style>
@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}
}
</style>

</head>

<body>....</body>

</html>

不同的媒介类型

注释:媒介类型名称对大小写不敏感。

媒介类型 描述
all 用于所有的媒介设备。
aural 用于语音和音频合成器。
braille 用于盲人用点字法触觉回馈设备。
embossed 用于分页的盲人用点字法打印机。
handheld 用于小的手持的设备。
print 用于打印机。
projection 用于方案展示,比如幻灯片。
screen 用于电脑显示器。
tty 用于使用固定密度字母栅格的媒介,比如电传打字机和终端。
tv 用于电视机类型的设备

转载自 W3C

第十八篇 zabbix创建自定义报警媒介

这里就以创建自定义邮件报警为例,创建邮件报警需要执行以下步骤: 1.安装sendMail 2.创建脚本 3.创建报警媒介类型安装sendMail 推荐按照这篇博客来安装sendMail ht...
  • u012062455
  • u012062455
  • 2016年11月22日 15:03
  • 3333

@media响应式媒介尺寸

关于响应式@media媒介查询常用的尺寸表。
  • qq_26445509
  • qq_26445509
  • 2016年06月02日 15:40
  • 6778

媒体查询media参数以及其兼容性问题

一、设置meta标签 在使用媒体查询media之前我们需要先设置meta标签,对设备的缩放等参数进行设定。 参数解释: width=device-width   宽度等于当前设备宽...
  • NineTeen19
  • NineTeen19
  • 2015年10月26日 14:35
  • 6940

使用@include-media写媒介查询

官网地址: @include-media@include-media的口号是写简单、优雅和可维护的Sass媒介查询。include-media是什么?include-media 是一个Sass库,使用...
  • u014695532
  • u014695532
  • 2017年03月05日 20:24
  • 579

Zabbix 3配置脚本报警(二)

Zabbix 3配置脚本报警(二) 配置使用script报警媒介 Zabbix 3配置邮件报警(一)  上面详细介绍了如何使用zabbix email形式发送报警,个人认为唯一的缺点就是...
  • wangdaoge
  • wangdaoge
  • 2016年10月29日 10:31
  • 4236

HTML中各种互联网媒体类型(MIME)汇总

MIME type的缩写为(Multipurpose Internet Mail Extensions)代表互联网媒体类型(Internet media type),MIME使用一个简单的字符串组成,...
  • jk110333
  • jk110333
  • 2013年07月22日 18:37
  • 5436

bootstrap的less文件分析之@media媒介查询

关于bootstrap响应式布局,国内外名气满满的前端样式布局框架。3.0之前版本都采用less动态css预处理语言,实现机制是通过@media媒介查询来达到样式控制。 例如:@media scre...
  • wujimiao
  • wujimiao
  • 2017年04月12日 23:37
  • 757

QML类型(QML Types)

http://tieba.baidu.com/p/2741923065 可视类型 (visual types) Item — QML 基本的试图类型,其他可视类型都是从Item继承来的 Rect...
  • chenyijun
  • chenyijun
  • 2014年05月29日 17:51
  • 1164

Swift 嵌套类型(Nested Types)

枚举类型常被用于实现特定类或结构体的功能。也能够在有多种变量类型的环境中,方便地定义通用类或结构体来使用,为了实现这种功能,Swift允许你定义嵌套类型,可以在枚举类型、类和结构体中定义支持嵌套的类型...
  • ALLsharps
  • ALLsharps
  • 2016年06月27日 21:39
  • 239

CSS2 媒介类型

CSS 图片透明CSS 注意事项 媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。 媒介类型 某些 CSS 属...
  • wsxsom
  • wsxsom
  • 2014年08月03日 22:27
  • 263
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML&CSS_媒介类型(Media Types)
举报原因:
原因补充:

(最多只允许输入30个字)