正確にどのファイルを書いていますか？ファイルを何と呼びますか。index.htmlファイルでどのようにリンクしますか？そして、ファイル全体の例を私のために生成できますか？
CSSはスタイルシートファイル、例えば `style.css` に記述する。HTMLファイルのスタイルシートは、`head`タグ内の`meta`タグでリンクする。例えば
```html
<link rel="stylesheet" href="style.css">
```

CSSのメディアクエリとHTMLの組み合わせの例です：

##### index.html
```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Page Title</title>
  </head>
  <body>
    <p>Example content.</p>
  </body>
</html>
```

##### style.css
```css
p {
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  p {
    font-size: 14px;
  }
}
```

この例では、`style.css`ファイルを`index.html`ファイルにリンクしている。スタイルシートでは、段落（`p`タグ）のデフォルトのフォントサイズとして16pxを指定するためにCSSが使用されている。メディアクエリは、ユーザーデバイスの幅が600px以上でない場合にCSSルールを上書きするために使用される。