CSS中提供媒體類型（Media Types），可以讓我們在不同的設備上展現不同的樣式。這些媒體類型主要用于控制媒體（如紙張或屏幕）上的CSS樣式，以確保網站在不同平臺上有良好的顯示效果。CSS中支持的媒體類型主要有以下幾種：

· all：所有設備都會受到影響
· print：打印機或打印預覽模式下的頁面
· screen：電腦屏幕，平板電腦和智能手機等設備
· speech：語音合成器，通常用在無屏幕的設備上

當你需要創建適配不同設備的網站時，媒體查詢（Media Queries）便是非常重要的工具。在CSS中，媒體查詢是指一種在不同媒體類型下，根據屏幕、視口等特性設置不同樣式的方法。

@media screen and (max-width: 640px) {
/* 屏幕寬度小于640px時，應用此處的樣式 */
body {
background-color: #f3f3f3;
}
}
@media print {
/* 打印模式下應用此處的樣式 */
h1 {
font-size: 24px;
text-align: center;
margin-bottom: 10px;
}
}

通過選擇媒體查詢和不同的媒體類型，開發人員可以輕松地控制網站在不同設備和環境中展示的樣式和布局，提高網站的響應性和可訪問性。