143.媒体查询简介 - 《CSS》

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/143媒体查询简介.css">
</head>
<body>
</body>
</html>

css:
(1)媒体查询是写在css中，并且分为四类
@media all/screen/print/speech { //分别为全部、屏幕、打印机、屏幕阅读器
特定元素 {
}
}

以此来区分css的媒体类型，进行进一步的分类

@media screen {
    body { background-color: #bfa; }
  }