CSS 教程
CSS 简介
CSS 语法
CSS Id 和 Class
CSS 创建
CSS Backgrounds(背景)
CSS text（文本）
CSS Fonts (字体)
CSS 链接（link）
CSS 列表样式（ul）
CSS Table(表格)
CSS 盒子模型
CSS Border (边框)
CSS 轮廓（outlines）属性
CSS Margin(外边距)
CSS Padding（填充）
CSS 分组 和 嵌套
CSS 尺寸 (Dimension)
CSS Display(显示)
CSS Positioning(定位)
CSS Float(浮动)
CSS Align(对齐)
CSS 组合选择符
CSS 伪类
CSS 伪元素
CSS 导航栏
CSS 下拉菜单
CSS 图片廊
CSS 图像透明/不透明
CSS 图像拼合技术
CSS 媒体类型
CSS 属性 选择器
CSS 总结
CSS 实例
Viewport
网格视图
媒体查询
图片
视频(Video)
框架
CSS 教程
CSS 教程
CSS 简介
CSS 语法
CSS Id 和 Class
CSS 创建
CSS Backgrounds(背景)
CSS text（文本）
CSS Fonts (字体)
CSS 链接（link）
CSS 列表样式（ul）
CSS Table(表格)
CSS 盒子模型
CSS Border (边框)
CSS 轮廓（outlines）属性
CSS Margin(外边距)
CSS Padding（填充）
CSS 分组 和 嵌套
CSS 尺寸 (Dimension)
CSS Display(显示)
CSS Positioning(定位)
CSS Float(浮动)
CSS Align(对齐)
CSS 组合选择符
CSS 伪类
CSS 伪元素
CSS 导航栏
CSS 下拉菜单
CSS 图片廊
CSS 图像透明/不透明
CSS 图像拼合技术
CSS 媒体类型
CSS 属性 选择器
CSS 总结
CSS 实例
CSS 参考手册
CSS 在线手册
CSS 媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。
媒体类型
一些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>
你可以自己尝试看看 ! 如果您使用的是Mozilla / Firefox或IE5+打印此页，你会看到，"媒体类型"将使用另一种比其他文本字体大小小点的字体显示。
其他媒体类型
注意：媒体类型名称不区分大小写。
| 媒体类型 | 描述 |
|---|---|
| all | 用于所有的媒体设备。 |
| aural | 用于语音和音频合成器。 |
| braille | 用于盲人用点字法触觉回馈设备。 |
| embossed | 用于分页的盲人用点字法打印机。 |
| handheld | 用于小的手持的设备。 |
| 用于打印机。 | |
| projection | 用于方案展示，比如幻灯片。 |
| screen | 用于电脑显示器。 |
| tty | 用于使用固定密度字母栅格的媒体，比如电传打字机和终端。 |
| tv | 用于电视机类型的设备。 |
相关视频
24小时阅读榜
精品课程
独孤九贱(2)_CSS视频教程
共22课时
24.3万人学习
独孤九贱(3)_JavaScript视频教程
共28课时
36.2万人学习
独孤九贱(4)_PHP视频教程
共89课时
133.1万人学习
热门下载
phpStudy 2018最新版
集成PHP7，16种组合，超全大合集
下载
vc9-vc14（32+64位）运行库合集（链接在下方）
phpStudy安装所需运行库集合下载
下载
php程序员工具箱完整版
程序员工具箱 v1.0 php集成环境
下载
SublimeText3汉化版
中文版，非常好用
下载
Notepad++ Windows版
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
phpStudy V8.1（Win64位）（已支持php8）
Win64位，支持php多版本共存
下载