The id selector is preceded by a hash character(#)
Example of Id Selector:
<!Doctype html >
<html>
<head>
<title>Docoment title</title>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<div class="para1">
<h1>This is A Sample Heading </h1>
</div>
</body>
</html>
Class Selectors
The id selector is preceded by a dots character(.)
Example of Class Selector:
<!Doctype html >
<html>
<head>
<title>Docoment title</title>
<style>
.para2 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<div class="para2">
<h1>This is A Sample Heading </h1>
</div>
</body>
</html>
CSS Solved a Big Problem
HTML was NEVER intended to contain tags for formatting a web page!
HTML was created to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development
of large websites, where fonts and color information were added to every single page, became a long and expensive process