媒體查詢是CSS3中的一個重要特性，它使得CSS可以根據(jù)不同的設(shè)備或屏幕尺寸應(yīng)用不同的樣式，在媒體查詢中，我們可以使用@media規(guī)則來定義不同設(shè)備或屏幕尺寸下的樣式。

### 1. 基本語法

媒體查詢的基本語法如下：

```css

@media 設(shè)備名 or 屏幕尺寸 {

樣式規(guī)則;

```

設(shè)備名可以是一個具體的設(shè)備名稱，如"screen"表示屏幕設(shè)備，"print"表示打印設(shè)備，屏幕尺寸則可以使用寬度、高度、分辨率等屬性來表示。

### 2. 引用CSS

在HTML中，我們可以使用link元素來引用CSS文件，而在媒體查詢中，我們可以使用import規(guī)則來引入其他CSS文件。

```html

```

上述代碼會根據(jù)設(shè)備類型分別引入不同的CSS文件。

### 3. 示例

假設(shè)我們有一個名為"style.css"的CSS文件，其中包含了一些樣式規(guī)則，我們可以使用媒體查詢來根據(jù)設(shè)備類型應(yīng)用不同的樣式：

```css

@media screen {

body {

background-color: #f0f0f0;

color: #333;

}

@media print {

body {

background-color: #fff;

color: #000;

}

```

在上述代碼中，屏幕設(shè)備會應(yīng)用***組樣式規(guī)則，而打印設(shè)備會應(yīng)用第二組樣式規(guī)則。

### 4. 總結(jié)

媒體查詢是CSS3中的一個強大特性，它使得我們可以根據(jù)不同的設(shè)備或屏幕尺寸應(yīng)用不同的樣式，通過@media規(guī)則，我們可以定義不同設(shè)備或屏幕尺寸下的樣式規(guī)則，并使用import規(guī)則來引入其他CSS文件，這樣，我們就可以為不同的設(shè)備提供定制化的樣式體驗。