<html>
<head>
<meta charset="utf-8">
<style>
body{
background-color: blue;
}
@media screen and (min-width: 800px)
{
body{
background-color: pink;
}
}
</style>
</head>
<body>
<P> window is smaller than 480px, background color change </ p>
</body>
</html>
! <- css3 media types:
all: All devices
print: printing equipment
screen: Window
speech: screen reader
-->
<! - query due to the characteristics of multimedia, it may be used for general formula page response,
Load different css files based on different media types. ->