在網頁設計中，CSS是一個非常重要的工具，它可以控制網頁的外觀、布局和交互效果。而CSS媒體類型則是CSS中的一種特殊用法，可以讓開發人員針對不同設備或媒體類型提供不同的樣式和排版。

媒體類型可以根據設備的不同來分類，比如：

@media screen {
/* 適用于電腦屏幕 */
}
@media print {
/* 適用于打印 */
}
@media (min-width: 768px) and (max-width: 1024px) {
/* 適用于平板電腦 */
}

在代碼中，我們可以使用@media關鍵字來定義媒體類型，然后在花括號內編寫相應的樣式規則。比如我們可以為電腦屏幕設置不同的字體大小，在打印時隱藏一些元素，在平板電腦上使用不同的布局。

@media screen {
/* 電腦屏幕 */
body {
font-size: 16px;
}
}
@media print {
/* 打印 */
.hidden-print {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* 平板電腦 */
#main {
width: 80%;
float: none;
margin: 0 auto;
}
}

總的來說，使用CSS媒體類型可以讓網站更具響應性和可訪問性，提高用戶體驗。在進行開發時，我們應該根據網站設計的需求來靈活運用媒體類型，讓網站在不同設備和媒體類型下都能呈現出最佳效果。