HTML&CSS_媒介类型(Media Types)
来源:互联网 发布:哔哩哔哩mac版10.9 编辑:程序博客网 时间:2024/05/14 21:31
媒介类型(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>
不同的媒介类型
注释:媒介类型名称对大小写不敏感。
转载自 W3C
0 0
- HTML&CSS_媒介类型(Media Types)
- Html+Css_CSS3_CSS2 响应式布局 Media query(媒介查询)
- 媒介查询-Media Queries
- Media types
- CSS media queries 媒介查询
- 社交媒介收集 (Social Media)
- @media响应式媒介尺寸
- @media响应式媒介尺寸
- [HTML]CSS_文字特效
- css 媒介类型
- CSS2 媒介类型
- CSS2 媒介类型
- Media-媒介(媒体、介质)【译】
- 使用@include-media写媒介查询
- Fast Ethernet media types
- MIME Media Types
- DirectShow - About Media Types
- Consumable Media Types
- 第三方微信登陆Demo
- php爬虫教程(五)提高爬虫抓取效率
- Frei-Chen Edge Detector算法原理和源码 【GLSL】
- android 之 Baseactivity 和BaseFragment
- HDU2841 一个关于互质的容斥
- HTML&CSS_媒介类型(Media Types)
- 面试常考算法题总结(二)
- Android开发工具类(各种方法调用 )
- 20160830UILocalizedIndexedCollation的使用
- Java并发编程:深入剖析ThreadLocal
- java 继承
- 电冰箱,为价格插入“,”
- openssl https openssl 证书生成
- 1447 取出整数的一部分