In this blog, I am creating simple Images, Slider Show, & Changing background color with animations using HTML & CSS. So, Let’s create an index.html & style.css below-
There are five types of Selector in CSS.
<html>
<head>
<style>
#id_selector {
color: red; font-size: 60px;
}
</style>
</head>
<body>
<p id="id_selector">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>
<html>
<head>
<style>
.red {color: #FF0000; font-size: 60px;}
</style>
</head>
<body>
<h2 class="red">I am Heading</h2>
<p class ="red">I am first paragraph</p>
<p>I am second paragraph</p>
</body>
</html>
<html>
<head>
<style>
p.red {color: #FF0000; font-size: 60px;}
</style>
</head>
<body>
<h2 class="red">I am Heading</h2>
<p class ="red">I am first paragraph</p>
<p>I am second paragraph</p>
</body>
</html>
<html>
<head>
<style>
p.red {color: #FF0000;}
p.look{font-size: 60px;}
.algn{text-align: center;}
</style>
</head>
<body>
<h2 class="algn">I am Heading</h2>
<p class ="red look">I am first paragraph</p>
<p class="red algn">I am second paragraph</p>
</body>
</html>
