CSS媒體屬性是一種讓開發者可以根據不同媒介展示不同樣式的技術。它可以讓你根據用戶設備的不同，展現不同的內容。比如說，在網站設計中，地圖可能會在電腦上展現為完整頁面，而在手機上則只展現一個縮略圖。而CSS媒體屬性就能夠在不同設備上控制這一效果。

常用的CSS媒體屬性有以下幾種：

@media screen and (max-width:1024px) {
/*在屏幕寬度小于等于1024像素時加載的樣式*/
}
@media print {
/*打印時加載的樣式*/
}
@media speech {
/*語音閱讀器加載的樣式*/
}

其中，@media標識媒體查詢，后面的條件是查詢條件，用于限制樣式只在滿足條件時生效。比如在示例中，只有屏幕寬度小于等于1024像素時才會加載@meida定義的樣式。

除了這些常見的屬性，我們還可以根據需要自定義媒體屬性來滿足不同的需求，比如根據設備的分辨率、方向、顏色等來定義不同的樣式。CSS媒體屬性可以幫助我們在Web設計和開發中更靈活地控制展現的樣式，提升用戶體驗。