css之媒体(Media)类型

作者:课课家教育更新于： 2016-10-19 09:15:30

　　css有一个重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。通过相关属性我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。下面就让我们一起学习css之媒体(Media)类型。

　　一、什么是媒体类型

　　首先我们了解一下什么是媒体类型。媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。

　　注意：特定的属性只能作用于特定的媒体。例如"voice-family"属性是专为听觉用户代理，"font-size"属性可用于屏幕和印刷媒体。

　　二、如何声明一个媒体

　　声明一个媒体可以用@import或@media引入：

　　@import url(print.css)print;

　　@media print{

　　/*style sheet for print goes here*/

　　}

　　也可以在文档标记中引入媒体：

　　可以看出，@import和@media的区别在于，前者引入外部样式单用于媒体类型，后者直接引入媒体属性。

　　@import的使用方法是：@import加样式单文件的URL地址再加媒体类型，可以多个媒体共用一个样式单，媒体类型之间用"，"分割符分开。

　　@media的使用方法是：把媒体类型放在前面，其他规则和rule-set基本一样。

　　三、CSS中的各种媒体类型

　　了解了如何声明一个媒体之后，那么在实际操作中，有哪些媒体类型供我们使用了，课课家网站为你总结如下：

　　SCREEN：指计算机屏幕。

　　PRINT：指用于打印机的不透明介质。

　　PROJECTION：指用于显示的项目。

　　BRAILLE：盲文系统，指有触觉效果的印刷品。

　　AURAL：指语音电子合成器。

　　TV：指电视类型的媒体。

　　HANDHELD：指手持式显示设备（小屏幕，单色）

　　ALL：适合于所有媒体。

　　温馨提示：媒体类型名称对大小写不敏感。

　　以上就是课课家网站为你带来的css之媒体(Media)类型的全部内容。大家掌握得怎么样呢？如果大家喜欢还请记得收藏！如想浏览更多更好的Css教程内容，欢迎继续关注我们的课课家网站喔！