CSS详解(一)— —媒体类型
来源:互联网 发布:mac免费ftp上传工具 编辑:程序博客网 时间:2024/04/29 03:27
你还记得你所打印的第一个网页吗?你所打印出的网页也许使你很失望。你也许要问:为什么看起来很好的页面,打印出来却不怎么样。实际上,通过使用CSS2,并在你使用媒体类型的基础上,你能够选择不同样式的打印效果。那也就是说:你可以使你的页面在屏幕上以一种样式显示,而当打印时,显示不同的样式。所有这些,你只要使用@media。
@media screen{
BODY{background:black;color:white}
P{font-family:verdana,sans-serif}
}
@media print{
BODY{background:white;color:black
}
P{font-family:times,serif}
}
以上这些代码将告诉浏览器在显示页面时,使用白色,Verdana,文本样式,而它的背景色是黑色。但是当该页面被打印时,它将使用黑色,Times文本,而背景是白色。每个网页都将优化它的打印效果。
如果你想验证以上的结论,你通过使用IE5来检验。在屏幕上显示的字体是:Verdana,但是当你打印时,打出的字体是:Times。
媒体类型不光仅限于屏幕显示和打印,还有:
handheld-用于掌上型电器。
projection-用于放映机。
tv-用于电视。
tty-用于电传打字机和终端。
aural-用于扬声器。
braille-用于盲人使用的仪器。
embossed-用于打印盲文的打印机。
all-用于所有的设备。
- CSS详解(一)— —媒体类型
- CSS详解(3)— —媒体类型
- CSS详解— —媒体查询(2)
- CSS详解(二)— —媒体查询(1)
- Media Queries——媒体类型(一)
- Bootstrap CSS——媒体对象
- css属性之媒体(media)类型
- CSS中的媒体类型media type
- Media Foundation——媒体类型(1)
- 1.2.1 Web 资源——媒体类型(MIME)
- 媒体类型
- web前端-CSS 媒体类型 -029
- CSS选择器详解一
- CSS详解(一)
- CSS样式一--元素类型
- CSS媒体查询
- CSS媒体查询
- CSS媒体查询
- (转)【Android游戏开发十三】(保存游戏数据 [下文])详解SQLite存储方式,并把SQLite的数据库文件存储在SD卡中!!!
- Hadoop基本使用
- driver_register 理解
- 深入理解PHP原理之异常机制
- 【Android开发学习33】PopupWindow之显示顶层对话框
- CSS详解(一)— —媒体类型
- POJ 1182 食物链【经典并查集应用】
- subpartition template学习
- C++基础之typedef的四个用途
- Android 启动模拟器是出现“Failed to allocate memory: 8”错误提示的原因及解决办法
- 用Linux做wifi热点/无线路由
- ios最牛叉的UITableView
- css3实现旋转小三角动画
- (转)【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!