media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的款式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种加强，是CSS 3的重要内容之一。随着挪动互联网的发展，media query开始得到大家的注重。

media type

让我们先了解一下media type，其实这个大家会比较熟悉一点，我们通常会用到的media type会是all 和screen，然后是print，一些网站会专门通过print类型为页面的打印格式提供更敌对的界面。
其实，media type有很多种：

media type的几种使用方法

我们可以通过几种方法来声明media type：

方法一

<link href="style.css" media="screen print" ...

<?xml-stylesheet media="screen" href="style.css"...

@import url("style.css") screen;

1
2
3

<style media="screen">
@import url("style.css");
</style>

1
2
3

@media screen{
selector{rules}
}