在實際中媒體類型有近十種之多，實際之中常用的也就那么幾種，不過媒體類型的引用方法也有多種，常見的有：link標簽、@import和CSS3新增的@media幾種：
link方法
link方法引入媒體類型其實就是在<link>標簽引用樣式的時候，通過link標簽中的media屬性來指定不同的媒體類型。如下所示。
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" />
@import方法
@import可以引用樣式文件，同樣也可以用來引用媒體類型。@import引入媒體類型主要有兩種方式，一種是在樣式中通過@import調用另一個樣式文件；另一種方法是在<head></head>標簽中的<style></style>中引入，但這種使用方法在IE6~7都不被支持，如樣式文件中調用另一個樣式文件時，就可以指定對應的媒體類型。
@importurl(reset.css) screen; @importurl(print.css) print;
在<head>中的<style>標簽中引入媒體類型方法。
<head>
<style type="text/css">
@importurl(style.css) all;
</style>
</head>
@media方法
@media是CSS3中新引進的一個特性，被稱為媒體查詢。在頁面中也可以通過這個屬性來引入媒體類型。@media引入媒體類型和@import有點類似也具有兩方式。
（1）在樣式文件中引用媒體類型：
@media screen {
選擇器{/*你的樣式代碼寫在這里…*/}
}
（2）使用@media引入媒體類型的方式是在<head>標簽中的<style>中引用。
<head>
<style type="text/css">
@media screen{
選擇器{/*你的樣式代碼寫在這里…*/}
}
</style>
</head>
本部分無練習任務
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報