CSS媒体属性是一种让开发者可以根据不同媒介展示不同样式的技术。它可以让你根据用户设备的不同，展现不同的内容。比如说，在网站设计中，地图可能会在电脑上展现为完整页面，而在手机上则只展现一个缩略图。而CSS媒体属性就能够在不同设备上控制这一效果。

常用的CSS媒体属性有以下几种：

@media screen and (max-width:1024px) {
/*在屏幕宽度小于等于1024像素时加载的样式*/
}
@media print {
/*打印时加载的样式*/
}
@media speech {
/*语音阅读器加载的样式*/
}

其中，@media标识媒体查询，后面的条件是查询条件，用于限制样式只在满足条件时生效。比如在示例中，只有屏幕宽度小于等于1024像素时才会加载@meida定义的样式。

除了这些常见的属性，我们还可以根据需要自定义媒体属性来满足不同的需求，比如根据设备的分辨率、方向、颜色等来定义不同的样式。CSS媒体属性可以帮助我们在Web设计和开发中更灵活地控制展现的样式，提升用户体验。