Webn3rd.com learn CSS

CSS media is used to display webpage responsively in diffrent devices

Like you want to show a different type or size text in tablet screen,so here is media queries

Lets,look to the example:

<html>
<head>
<style>
@media screen and (min-width: 320px) and (max-width: 480px){ p{ color:red; } }
</style>
</head>
<body>
<p>This is a text</p>
</body>
</html>

So,when you visit website with mobile,then you can see that now color of the text is red,which is appears black when you visit with your computer.