CSS 媒体类型
概述
CSS（层叠样式表）是网页设计中的关键组成部分，它允许开发者控制网页元素的样式。在CSS中，媒体类型（Media Types）是一个重要的概念，它定义了样式表将应用于哪些类型的媒体设备或输出设备。正确使用媒体类型可以显著提高网页的响应式设计，提供更好的用户体验。
媒体类型列表
CSS定义了多种媒体类型，以下是一些常见的媒体类型及其用途：
screen：默认媒体类型，适用于电脑屏幕、平板电脑、智能手机等。print：适用于打印机等打印设备。projection：适用于投影仪等演示设备。speech：适用于语音合成器等语音输出设备。all：适用于所有媒体类型。handheld：适用于手持设备，如智能手机。tv：适用于电视等大屏幕设备。
媒体查询
媒体查询（Media Queries）是CSS3中引入的新特性，它允许开发者根据不同的媒体条件应用不同的样式规则。媒体查询由一个或多个媒体特性组成，这些特性描述了媒体的具体特征，如设备的宽度、高度、分辨率等。
媒体查询语法
媒体查询的基本语法如下：
@media media-type and (media-features) { /* 嵌套的CSS规则 */ }其中，media-type表示媒体类型，media-features表示媒体特性。
常见的媒体特性
以下是一些常见的媒体特性：
width：设备的宽度。he
