公认的媒体类型

被选作CSS媒体类型的名称反映有关属性意义的目标设备。在下面的CSS媒体类型列表中,媒体类型的名称是规范的,但描述是信息的。同样的,每个属性的描述中的“媒体”字段也是信息的。

all(所有)

适用于所有设备。

braille(盲文)

用于盲文触摸反馈设备。

embossed(凸字)

用于分页盲文印刷。

handheld(手持)

用于手持设备(小屏幕、有限贷款)。

print(印刷)

用于分页材料以及打印预览模式下在屏幕上的文档视图。

projection(投影)

用于投影演示文稿,例如投影仪。

screen(屏幕)

主要用于彩色计算机屏幕。

speech(语音)

用于语音合成器。

注:CSS2 中有一个类似的媒体类型,其成为 “aural(听觉)”。

tty(电传打字机)

用于使用等宽字符的媒体(例如电传打字机、终端、显示能力有限的便携设 备)。编码人员不应在“tty”媒体类型中使用 像素单位。

tv(电视)

用于电视机类型设备(低分辨率、颜色、限制滚动能力、声音有效)。

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

在某种意义上媒体类型是互斥的,用户代理在渲染一个文档时仅能支持一种媒体类型。然而,用户代理可能会在不同的画布上使用不同的媒体类型。举例说明,一个文档可能会在一个画布上使用“screen”模式展示同时在另一个画布上使用“print”模式展示。

注意一个混合媒体类型仍然仅为一个媒体类型。举例说明,“tv”媒体类型是一个混合媒体类型,它同时在一个画布上进行视觉上和听觉上的渲染。

未知媒体类型(但是为有效标识符)的 @media 和 @import 规则按照未知媒体类型不存在来进行处理。如果一个 @media/@import 规则包含一个畸形媒体类型(不是一个标识符)则语句无效。

注:媒体查询取代这些错误处理。

举例说明,在下列片段中,P 元素上的规则应用在“screen”模式下(尽管“3D”媒体类型未知)。

 @media screen, 3D {
   P { color: green; }
 }

注:未来对CSS的更新可能会扩展媒体类型的列表。编码人员不应使用尚未在CSS规范中定义的媒体类型名称。

时间: 2025-01-07 21:30:27

公认的媒体类型的相关文章

Media Query——媒体类型(一)

Meida Queries是CSS3新增加的一个模块功能,其最大的特色就是通过CSS3来查询媒体,然后调用对应的样式. 在彻底的了解Media Queries我们需要了解其中的两个重要部分,第一个是媒体类型,第二个是媒体特性.下面我们简单的了解这两个部分: 一.媒体类型 媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式. 在CSS2中常碰到的就是all(全部),screen(屏幕),print(页面打印或打印预览模式

微信公告:公众平台面向认证的媒体类型公众号公测原创声明功能

为维护作者权益,鼓励优质内容产生,微信公众平台今日上线原创声明功能,暂时面向微信认证的媒体类型公众帐号公测. 一.申请原创声明 原创者可在微信公众平台后台的“素材管理”处进入“图文消息”编辑,点击“申请原创声明”.并填写提交原创声明的信息. 申请原创声明的文章在群发成功后,原创声明系统会对其进行智能比对,系统比对需要一定时间(半小时以内),比对通过后,系统会自动对文章添加“原创”标识. 二.原创声明热点问题Q&A Q.微信公众平台为何要上线原创声明功能?A:一直以来,微信都希望真正有价值的内容能

媒体类型(MIME类型)

# encoding=utf-8 #python 2.7.10 #xiaodeng #HTTP权威指南 #HTTP协议:超文本传输协议是在万维网上进行通信时所使用的协议方案. #媒体类型: #HTTP权威指南 6页 #因特网上有数千种不同的数据类型,http会给每种要通过web传输的对象都打上一个名为MIME类型(MIME type)的数据格式标签 #1)web服务器会为所有http对象数据附加一个MIME类型. #2)当web浏览器从服务器中取回一个对象时,会去查看相关的MIME类型,看看他们

CSS中的媒体类型media type

madia type作用 首先要明白一点,我们平时写的HTML页面,可能在不同的媒体类型中显示,如可能显示在屏幕sreen上,也可能显示在纸质print上.那么当页面在不同的媒体类型中显示时,需要的样式可能是不一样的.比如,一般在screen上显示时,页面字体要大一些,在纸质媒体显示时,页面字体要小一些.那么如何告诉别人某个样式是适用于何种媒体类型的呢?这就要靠声明media type来实现了. 如何声明media type 常用媒体类型有:all,screen,print,handled,sp

media query(媒体查询)和media type(媒体类型)

media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面.media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一.随着移动互联网的发展,media query开始得到大家的重视. media type 让我们先了解一下media type,其实这个大家会比较熟悉一点,我们通常会用到的media type会是all 和screen,然后是print,一些网站会专门通

HTTP请求415错误 – 不支持的媒体类型(Unsupported media type)

HTTP请求415错误 – 不支持的媒体类型(Unsupported media type) 通常有以下情况: 1:检查你的 http 请求头信息,比如 因为 User-Agent 被服务器设置 拒绝请求了: 比如你写的的爬虫,就很有可能因为没有伪装成浏览器,被拒绝请求 user-agent 详情 2:查看你的 http 请求方法,以及服务器端的设置 比如:有一个 强制用 post 请求的接口,你是不是用了非post 请求 3:post 请求参数设置,是不是必须的,json 格式 比如下面,两段

媒体类型 & 媒体查询

[媒体类型 & 媒体查询] @media 规则允许在相同样式表为不同媒体设置不同的样式. 在下面的例子告诉我们浏览器屏幕上显示一个14像素的Verdana字体样式.但是如果页面打印,将是10个像素的Times字体.请注意,font-weight在屏幕上和纸上设置为粗体: <html> <head> <style> @media screen { p.test {font-family:verdana,sans-serif;font-size:14px;} } @

Media Queries——媒体类型

媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式. 在CSS2中常碰到的就是all(全部).screen(屏幕).print(页面打印或打印预览模式),也是最常见的三种媒体类型. 媒体类型的引用方法也有多种,常见的有:link标签.@import和CSS3新增的@media几种: link方法 通过link标签中的media属性来指定不同的媒体类型 <link rel="stylesheet" typ

移动端网页设计,媒体类型

随着科学技术不断的向前发展,网页的浏览终端越来越多样化,用户可以通过:宽屏电视.台式电脑.笔记本电脑.平板电脑和智能手机来访问你的网站.尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样,但至少要让你的Web页面能适配用户的终端,让他更好的呈现在你的用户面前.在本节中,将会学到如何使用CSS3中的Media Queries模块来让一个页面适应不同的终端(或屏幕尺寸),从而让你的页面让用户有一个更好的体验. Media Queries Media Queries是CSS3新增加的一