CSS媒体查询是CSS3的一部分，它允许您根据设备的视口宽度（视口宽度，也称为设备屏幕尺寸）应用不同的CSS样式。这使得您可以根据设备的大小调整网页的布局、字体大小、边距、背景颜色等。

以下是一些基本的CSS媒体查询：

1. 媒体查询的基本语法： @media (condition) { // 在媒体查询条件为真时应用的CSS代码 }

2. 媒体查询的条件：

3. condition：这是一个布尔表达式，用于检查设备的视口宽度。

4. breakpoints：这是CSS的分界点，用于在设备之间应用不同的样式。可以使用以下单位：px、em、rem或百分比。

5. 媒体查询的代码： ``` @media (min-width: 600px) { / 在设备宽度小于600px时应用的CSS代码 / }

@media (max-width: 800px) { / 在设备宽度小于或等于800px时应用的CSS代码 / } ```

1. 媒体查询的优先级：
2. 媒体查询的优先级是自高至低。这意味着当条件为真时，前面的规则将覆盖后面的规则。
3. 如果多个媒体查询有相同的条件，它们将按照媒体查询的顺序（即最高优先级的规则）应用。

希望这些信息对您有所帮助。如果您有任何关于媒体查询的问题，请随时提问。