​x
 
<!DOCTYPE html>
<html>
<head>
<style>
@media screen {
  body {
    color: green; 
  }
}
​
@media print {
  body {
    color: black; 
  }
}
</style>
</head>
<body>
​
<h1>@media 规则</h1>
<p>在屏幕上显示文档时，使用媒体查询将文本颜色设置为绿色，在打印时为黑色。</p>
​
</body>
</html>
​