typesofselectors.html

<!-- types of selectors

	1) Element as a selector
	2) Id as a selector
	3) class as a selector
	4) universal as a selector


 -->


 <!DOCTYPE html>
 <html>
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title></title>
 	<style type="text/css">
 		#ss{
 			background-color: black;
 			color: hotpink;
 			text-align: center;
 			font-size: 40px;
 		}
 		#tt{
 			background-color: yellow;
 			color: blue;
 			font-size: 50px;
 			text-align: center;
 		}
 		#pp{
 			color: blue;
 			background-color: lime;
 		}
 		.ee{
 			color: olive;
 			background-color: skyblue;
 		}
 	</style>
 </head>
 <body>
 	<p id="ss">welcome to the world of Css</p>
 	<p id="tt">Hii Everyone</p>
 	<h1 id="pp">We r doing Css</h1>
 	<h2 class="ee">Css is my favourite styling platform</h2>
 	<a href="universal_selector.html" style="font-size: 30px; text-align: center;">Universal selector</a>
 
 </body>
 </html>